ショートコーディング

「JavaScript」 ジャイロセンサーでボールをコロコロ

javascriptでスマートフォンの傾きの数値を取れるらしいです。jsdo.itというサイトで、こちらの作品を見ていたのですが、 jsdo.it スマートフォンを傾けると、傾けた方向にキャラクターが転がるんですね。へえー、こんなことできるんだ、と思いまして、僕も…

簡単「HTML + CSS」入門 〜要素と要素を横並びに表示させる〜

Webページを作る時に、ある記事のブロックとサイドバーのようなリストを横並びに表示したいなあ、と思ったのですが、けっこう、どうするんだろうと悩んでしまいました。記事のブロックとサイドバーはそれぞれ、divタグで囲っていました。divタグで囲った要素…

小学生の自由研究でプログラミング ブロックで文字を書くよ

小学生の自由研究でもプログラミングをやる子がいるんだってね。どうゆうプログラミングをするんだろうと思って検索すると、ビジュアルプログラミング言語のScratchや、ロボットのプログラミングが出てきましたね。Scrachはプログラミングコードを書く必要は…

ありがちなパズルゲームのアルゴリズムを考えよう

(画像をクリックするとデモページにとびます) ありがちなパズルゲームを作ってみました。絵をそろえて、絵を消していくゲームですね。こうゆうゲームの醍醐味である絵が消えた後、新しい絵がスライドして落ちてくるアニメーションは作れませんでした。作り…

ビジネル暗号を解こう

ベネディクトカンバーバッジ主演の「イミテーションゲーム」という映画を見ました。ベネディクトカンバーバッジって言うの気持ちよくないですか?映画の内容はアラン・チューリングという数学者の人がエニグマという暗号機で作られた暗号を解読するというも…

「enchant.js」猫ふうせんを大量に発生させることなどできるのか?

猫ふうせんって何だよと思いますよね。猫にふうせんがくっついたものを私は「猫ふうせん」と呼んでいます。たくさんの猫ふうせんが出てきて、ふうせんをクリックしたら、猫が落ちていくというものを作ります。

「Canvas アニメーション」腕を動かしただけで笑ってるように見えるのか?

「WALL・E」という映画にEveという白いロボットが出てきます。そのロボットが笑う時、肩を揺らして笑います。その時、どんなイラストでも肩を揺らすと笑っているように見えるんじゃないか?と思ったので検証してみます。

「基本情報技術者試験 平成28年春 午後問3」 SQLを書いて考えてみたよ

基本情報技術者試験にデータベースの問題がありますよね。その中にSQLを考える問題があったと思います。 こちらのサイトで問題を読みました。 基本情報技術者過去問題 平成28年春期 午後問3|基本情報技術者試験.com 実際にSQLを書いて、postgresqlで実行し…

「Canvasアニメ」 荒く歩く人

HTMLのCanvasという機能を使って、「荒く歩く人」を作りました。本当は「荒く歩く人」ではなく、「なめらかに歩く人」を作りたかったのですが、「荒く歩く人」になってしまいました。 デモ

ふうせんと猫

enchant.jsで猫にふうせんをくくりつけて、くくりつけているように見えないかもしれないけど、飛ばしてみました。 デモ See the Pen cat balloon by carrot_boy_ (@carrot_boy_) on CodePen. ふうせんをクリックすると、ふうせんが割れます、すると猫が落ち…

画像の回転 簡単に実装できるtranslate.js

画像をクリックしてくるっと回って画像を切り替えるアニメーションをwebページで作りたい場合、translate.jsというjqueryが、とっても便利です。cssで同じようなことができるようなのですが、画像の位置をcssで変えた場合、うまくいかなくなって僕には難しく…

ショートコーディング goto文とループ

AIZU ONLINE JUDGEにあった問題を解いてみました。 void call(int n){ int i = 1; CHECK_NUM: int x = i; if ( x % 3 == 0 ) { cout << " " << i; goto END_CHECK_NUM; } INCLUDE3: if ( x % 10 == 3 ) { cout << " " << i; goto END_CHECK_NUM; } x /= 10; …

HTML5のCanvasにスタンプのように描画

HTML5のCanvasを使って円や楕円を描画してみます。canvasタグというのがあるみたいで、サイズを指定できるみたいですね。ブラウザ上にキャンバスができてその上に絵が描けます。 See the Pen dXNdXL by carrot_boy_ (@carrot_boy_) on CodePen.