THREE で遊んでみる

THREE のライブラリを入れてWebGLで遊んでみました。 http://www.nanigoto.net/entry/2017/09/14/154431 ↓以下のライブラリをインクルードして、 ↓こんな感じでJSを書

ChromeでのWebGLを有効にする方法

WegGLを使ったサイトをChromeで見ようと思ったらレンダリングされませんでした。 Safari や Firefox では見れるのになーっと思って↓こちらのサイトを見てみると、どうやらPC版のChromeでは、「設

PHPを使って、Google API OAuth2.0 でアクセストークンを取得してみる。サイトを構築する際、認証機能を最初から作るよりも、安全でスピーディーだということで。 ↓こちらのサイトを参考にしました。 ↓トー

子供が簡単に花火を描くことができるものを作ってみた。色の画像の上に、黒色のキャンパスを配置して、黒い部分を消して色を表示しています。ポイントは、 context.globalCompositeOperation =

２点の座標の直線の方程式を求める場合の公式は、ｙ＝ａｘ＋ｂこれをjavascript を使って求めてみると、 var a = (endPt.y – startPt.y) / (endPt.x – startPt.x)

マウスの座標はstage から取得して、それを shapeのgraphicsに描いて反映させます。その時にポイントなるのが２点。１つ目は、stage上で、shapeを回転させるための基準点を真ん中に変更。 stage

JSでウゴツールのようなものを作りました。描いた絵が揺れます。絵を描く時は、Shapeをいくつも使って、絵を揺らす時は、Shapeを１つ、中のGraphicsを１つだけ使う方式にすると、動きが軽くなりました。 g.b

Adobe Animate CC で HTML5 用にJSでアニメーションのスクリプトを書いてみました。 EaselJS v1.0.0 API Documentation : EventDispatcher ほとんどJS

プログラムをしたことがない、またはあまりわからないという人に対して、どういったものなのかを伝えるにはどうしたら良いか。それを考えてみた。今回は、ＷＥＢプログラミングの話、ホームページを表示したり、その中でアニメーショ

小学校６年生のプログラミングでも使われている「Scratch」というサイトで遊んでみました。前回遊んだ「VISCUIT」のアプリに比べると、かなり本格的なアニメーションプログラミングです。 ↓画面はこんな感じ。アニメ