はじめに (グウィン・ショットウェル〔後掲TED Talks〕より引用) 上掲の画像のように、TEDの字幕を2言語同時に表示する方法を紹介します。 （ごちゅうい）かなりアドホックな方法ですので、TEDのHPの仕様変更によって、いつ無効になるか分かりません。また、…

Table Tool - GeoGebra

以前作成した万華鏡（下記リンク参照）は、IntersectionPaths コマンドを用いたものでした。そのため、多角形以外のオブジェクトを万華鏡的鏡映の対象にすることはできませんでした。 今回のアプレットは、JavaScriptでCanvasを制御して万華鏡を再現する機構…

以前のアプレット（下記リンク）では、マウスイベントやタッチイベントにあわせて、既存のcanvas 要素にグラデーションを描画していました（setInteval メソッドを利用していました）。その際、グラデーションが意図せず点滅する問題を抱えていました。 グラ…

勉強の２類型 ①他人の見解を知る営み（物事を知ること）：知の消費者としての勉強 〜情報へのアクセス方法に関する知（どの本をみればどんな情報が手に入るのか、どのサイトにどんな情報が載っているか、誰に聞けば答えを教えてくれそうか） 〜情報の内容自…

ブックマークレットによってJavaScriptを実行する方法（下記リンク先参照）により、「生徒向けワークシート」のアプレットに使われているオブジェクトの概要を取得する方法。 ブラウザのアドレスバーからJavaScriptのコードを実行する方法 (JavaScript疑似プ…

（参考）グローバルJavaスクリプト記載内容 // グラフィックスビュー（canvas）を取得 var canvas = document.getElementsByTagName('canvas')[0]; // グラデーション描画の回数カウント用 var count; function ggbOnInit() { // タップorクリック var click…

はじめに GeoGebraアプレットの描画を行っているcanvas要素 document.getElementsByTagName('canvas')[0] にイベントリスナーを追加した場合における、mouseevent.pageXおよびmouseevent.pageYの値は、当該イベント発生時のマウスの、グラフィックスビューの…

動作見本 タッチデバイスでは正確に動作しません。マウスデバイス専用です。 （追記） タッチデバイス専用版ができました。 usidesu.hatenablog.com ※参考：グローバルjavaスクリプトの内容（タッチデバイス非対応版） var canvas; if(document.getElementsB…

タッチデバイスにも対応しました。 参考：「グローバルJavaスクリプト」に記載したスクリプト ※これを単にコピペしただけでは、上記は実現できません。あくまで参考用です。 var appletWidth = ggbApplet.getValue("width"); var appletHeight = ggbApplet.g…

ついに、GeoGebra上の三角形をグラデーションで塗りつぶすことに成功しました。 今までも挑戦してきましたが、塗るまでに時間がかかったり、線分を大量に生成するという力技しかできませんでした。今回は、Javascriptのグラデーション生成機能を用いて、自動…

はじめに 本記事は、過去記事「webページに埋め込んだGeoGebraアプレットにおける内部構造の閲覧制限について」で得られた知見を利用して、アプレットにパスワードをかける方法、および、その応用として、「生徒向けワークシート」で表示した場合に限り、パ…

はじめに 本記事では、GeoGebraの「グローバルJavaスクリプト」において、マウス／タッチイベント発生位置を取得する各種プロパティを参照した場合に、得られる値についてまとめる。あわせて、要素のサイズを取得するブロパティについても確認する。 （前提…

セルフオセロ_うしver

キーワード GeoGebra, Corner, ピクセル数 目次 はじめに Corner[5]と「高度な設定」におけるピクセル数との関係 モデルアプレットの作成 アップロード画面におけるピクセル数 検証 「位置」オプションによる設定 手動による設定 検証結果 Corner[<1,2,3,4>]…

古い（紙の）書籍を読んでいたら、 ……寛容な御諒承を添うした。 という表現に出会った。

１ はじめに アプレットの埋め込みとダウンロード アプレットの内部構造の閲覧 本記事の目的 バージョン情報 ２ モデルの紹介 ３ 基本的発想 ユーザーにパスワードを入力させる方法 パスワードが正しくない場合の処理 パスワードの照合 埋め込まれている場合…

light_2018版

モデル課題 （１）4点A(1,1),B(8,1),C(8,8),D(1,8)に対して、四角形ABCDの内部および周に含まれるすべての格子点を、リストオブジェクトとして作成しなさい。 （２）（１）で作成したリストオブジェクトの1番目の要素である点を、単一の点オブジェクトとして…

はじめに 本記事で紹介する方法は、あらかじめオブジェクトのイベントハンドラに手動でスクリプトを記述しておいて、それを用いてオブジェクトを一括制御する方法です。 これに対して、複数のオブジェクトのイベントハンドラに、自動的に一括して、直接スク…

グラデーション・トライアングル（ボタン版）

ここでは、1つのパラメータを使って、オブジェクトの色をカラフルに変化させるための、「動的な色」オプションの設定方法を紹介します。

上記アプレットの赤い領域は、直線fによって平面を2つに分割することによって作られた領域（半平面）のうち、点Pを含む方を表しています。 この領域は、GeoGebraでは、 If[IsInRegion[P, LeftSide[f] < RightSide[f]] ≟ true, LeftSide[f] < RightSide[f], L…

「The Essential Math Meets」様のGeoGebra教材「反比例のグラフ - GeoGebra」に触発されて、同様の教材を自分でも作ってみました。

数値オブジェクトr_x, r_yをあらかじめ作成しておき、以下のスクリプトを「グローバルJavaスクリプト」に記述すると、アプレットをクリック・タップした位置を表す座標を、r_x, r_yに代入します。 function MouseClick(event) { event = event || window.eve…