「Fight Code」でJavaScriptのお勉強!4つのサンプルプログラム公開。
- 2015/12/22
JavaScriptでロボットの動作を記述し対戦させることができる「Fight Code」。
フラグ用の変数とif文を使った簡単なサンプルプログラムを4つ公開しました。参考にどうぞ!
JavaScriptでロボットの動作を記述し対戦させることができる「Fight Code」。
フラグ用の変数とif文を使った簡単なサンプルプログラムを4つ公開しました。参考にどうぞ!
「Fight Code」は、JavaScriptでロボットの動作を記述して、他のユーザのロボットと対戦することができます。
学校でプログラミングを学んでいる人は、友達と遊びながらプログラムのスキルアップができるかも!
getElementByIdメソッドとinnerHTMLプロパティを使えばページ内の文章などを後から変更することができます。
まずはサンプルをご覧ください。
フッターまでスクロールしたらページトップへのリンクを表示したり、ソーシャルボタンを表示したり非表示にしたりする制御をjQueryとJavaScriptで作ってみよう!
今日、授業でやった内容です。
今週2本目の記事ですが、これが先週授業でやったTechWebTipsです。
文字や画像などをCSS3のtransform:rotate()をJavaScriptで操作することで「ゆらゆら」させます。「ゆらゆら」「ふわふわ」どう違うんだ?って話ですが(笑)
今日のテクニカルWebデザイン(TechWeb)の授業でやった内容の復習です。
jQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介します。
jQueryを使わなくても、JavaScriptのDOMだけで文字や画像を変更したりできます。
さぁ、キミはDOMのジェットストリームアタックをかわすことができるか!?(すみません忘れてくださいw)
先日、JavaScriptで要素(img)を追加して、画像をクリックしたら指定したURLに移動するという処理を検索しつつ作ったのでメモ書きです。
さてさて、今週作成した学生のポートフォリオサイトを紹介するページで、要素の追加と削除が上手くいかずに悩まされたので書いておきます。( ..)φメモメモ
原因はタイトルにも書いてるとおり、TextNode(テキストノード)でした。
またまたsetInterval()ネタです。
今回は、画像の座標を変更することで移動させます。更にボタンでON/OFFします。