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>]…