うしブログ

GeoGebraの使い方、応用など

(ひとことコメント)「基本的な使い方」更新作業中(2018.7.7)

(パンくずリスト整備状況)011解答まで済(2018.5.29)

n以下の素数の全表示

www.geogebra.org

フィジェット・トイとしての(_・ω・)_バァン…

好きなだけ (「・ω・)「 ⇔ (_・ω・)_バァン… が楽しめるフィジェット・トイです。

(_・ω・)_バァン…

(_・ω・)_バァン…

インラインフレーム用URLにおける各値の意味について

はじめに GeoGebraでは、上図のような「共有」オプションから、アプレットをインラインフレームで埋め込むためのURL(以下単に「URL」と言う場合がある)を取得できる(ブラウザーのデベロッパーツールから取得することも可能である)。下記URLはその一例で…

Parabola Water

円と放物線のリストを用いて、グラデーションを表現しています。 ※動きません。

utsuroi

(On Update スクリプトではなく)JavaScriptのrequestAnimationFrameでオブジェクトを動かす実験

requestAnimationFrameで時計を動かす実験 ぬるぬる動いた。 グローバルJavaスクリプトの内容 var frame = 0; function ggbOnInit() { updateFunc(); } function updateFunc(){ requestAnimationFrame(updateFunc); // フレーム数をインクリメント frame++; …

図形問題覚書

とある枠で出会った問題

Secret Star

Kata - Forms of GeoGebra

入力バーに順に入力していくことで、GeoGebraの基礎スキルを身につけるとともに、GeoGebraに対する親近感を育む。その趣旨で、空手のように「型」を作ってみよう、という企画。 基本方針は以下の通り。 ・無に始まり、無に終わる。 ・入力バーに入力できるコ…

半径5の円で繰り返される出会いと別れ

無限スライダー

最大値、最小値を指定することなく数値を増減できる「無限スライダー」の試作品です。 こちらは改良版です。上記アプレットでは、点の位置と数値の値との間には、特段の対応関係はありません。下記のアプレットは、数値が決まれば点の位置が一意に決まるよう…

3つの円周上を自由に移動可能な点

クリック/タップ位置の取得方法 全解説

アプレット内に作成すべきオブジェクト 数値オブジェクト pageX, pageY, ratioX, ratioY, rectX, rectY ※いずれも値は任意;最大値、最小値は限定しないでおく。 点オブジェクト A A = PixelPoint[(pageX - rectX) / ratioX, (pageY - rectY) / ratioY] オリ…

現在の縮尺に最適なグリッド間隔を取得するオリジナルツール「GridIntervalPoint」

はじめに GeoGebraでは、グリッド間隔を特に指定しなければ、現在の縮尺に最適な間隔を自動で計算して、グリッドを描画してくれます。 今回は、このときのグリッド間隔の情報を取得するオリジナルツールを紹介します。 オリジナルツール「GridIntervalPoint…

(PC専用)TEDの字幕を、2つ(2言語)同時に表示する方法

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

表の枠線を作成するツール「Table」

Table Tool - GeoGebra

万華鏡_JavaScript版

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

「グラデーション三角形」_描画安定版

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

「なんで勉強しなきゃいけないの」問題に関する雑記

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

「生徒向けワークシート」のアプレットに使われているオブジェクトの概要を取得するブックマーク

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

カラースポイト_タッチデバイス対応版

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

pageX / Yの値とマウス位置

はじめに 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…

グラデーション三角形_Javascript版

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

アプレットにパスワードをかける方法

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

GeoGebraと測定系プロパティ

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

セルフオセロ_うしver

セルフオセロ_うしver

グラフィックスビュー1におけるCornerコマンドについて

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