JavaScript ローディング画面を作ってみる 時間がかかる処理をする時に、画面に変化がないと不安になります。ということで、ローディング画面を作ってみます。document.getElementByIdsetIntervalローディング画面を作ってみる<!DOCTYPE html><ht... JavaScriptサクッとJavaScript
JavaScript HTML と JavaScript JavaScript で何かしようと思ったとき、HTML との相性がとても良いです。というわけで、HTML と JavaScript を連携させてみます。document.getElementByIdaddEventListenerinne... JavaScriptサクッとJavaScript
制作物 Match Colors 制作の上でゲームへサクッと作れることが大切でした。暇 → 何か作るかー → 素材を集めるのは面倒 → 素材が無しでいけそうなもの → Match Colorsライツアウトというゲームがあり、列にしたやつはあまり見ないなーということで作ってみ... 制作物
制作物 休みを駆ける Twitterの#web1weekというタグを見て、面白そうだと思い、作りました。htmlとJavaScriptで動いており、ループ関数にはwindow.requestAnimationFrame()を使用しています。ゲームへ操作方法はシン... 制作物
JavaScript キャラクターに向かっていく弾(自機狙い弾) キャラクターに向かっていく弾(自機狙い弾)Mathオブジェクトソースコード自機狙いとは座標と角度まとめキャラクターに向かっていく弾(自機狙い弾)今回制作したものはこんな感じになります。クリックした位置に赤点が移動し、青点から赤点へ黒点を飛ば... JavaScriptゲーム制作に役立ちそうな知識知ってると便利なオブジェクトや関数
制作物 伝っても出られない ストーリー先日大学生のお兄ちゃんの友達が有名ゲーム会社が主催する脱出迷宮に行ったとのこと。脱出迷宮とは巨大な迷路で、本物の書架を壁にしてあったそうだ。一人の友達が最速で脱出してみんなを驚かせようと、右側の壁に手を付けて走ったところ、入り口に... 制作物
ゲーム制作に役立ちそうな知識 setIntervalの使い方 setIntervalsetInterval使い方setInterval一定の間隔で何かを実行するよう命令する関数です。途中で解除もできます。使い方window.onload = function() { const w = 500; co... ゲーム制作に役立ちそうな知識知ってると便利なオブジェクトや関数
ゲーム制作に役立ちそうな知識 座標 座標テキストの座標ボールを動かしてみるボールを反射させてみる最後に座標canvasの座標について調べてみましょう。window.onload = () => { const w = 500; const h = 500; // Canvas... ゲーム制作に役立ちそうな知識
知ってると便利なオブジェクトや関数 window.onloadの使い方 window.onload()windowオブジェクトwindow.onload()プロパティ?メソッド?まとめWindowオブジェクトwindow.onload()について説明する前にwindowオブジェクトについてです。console.... 知ってると便利なオブジェクトや関数
目次 ゲーム制作に役立ちそうな知識 CanvasCanvasゲームの基盤となるCanvasについて座標とアンカー座標とアンカーcanvasの座標とオブジェクトのアンカーについてです。ボールを反射させる例を使用しています。 目次