JavaScript JSによるゲーム制作-(神経衰弱2023ver)
トランプ画像を使って神経衰弱ゲームを作ってみよう。これは以前の記事を2023年版としてhtml,css,jsを書き直したものだ。以前はtableタグを使ってトランプを並べていたが、今回はgridを使ってトランプを配置している
...
JSON
JavaScript 
JavaScript JSによるゲーム制作-(PanelPazzle)
おなじみの15パズルを作成してみよう。
完成イメージ
スタート画面
完成図が表示されている。このように1~15まで連続で並べられれば完成だ。
スタートボタンでスタート
スタートボタンを押すとシャッフル...
JSP&Servlet JSP & Servletで作る英和辞書アプリ(JSTL版)
JSP/Servletを使って英和辞書アプリを作成します。HTML,CSS,MySQL,Java,JSP,Servletと今まで学習してきたことの集大成アプリです。
JSP&Servlet JSP & Servletで作る英和辞書アプリ
JSP/Servletを使って英和辞書アプリを作成します。HTML,CSS,MySQL,Java,JSP,Servletと今まで学習してきたことの集大成アプリです。
Unity Unity(canvas_world)
ワールド空間にキャンバスを配置してみよう。
手順
1.原点にキューブを作成する。
2.キューブを右クリックしてUI-->TEXTを作成する。
3.canvasの設定
4.Text...
Unity Unity( 初級課題)
以下の動画のようなゲームを作成せよ。仕様:●ボールが出てくる間隔は1.5秒ごと●上下動している青いブロックは空中ジャンプできない
作例
重力の設定
スケールを１でsphereを作成すると地球換算で1mである。見た...
Unity Unity(Prefab&Instantiate)
Unityにおいて超重要なPrefabとInstantiateについて学ぼう。
床の作成
createからcubeを作成し、scaleをxとzに25を入れて以下のように配置する。（alt+ドラッグで見下ろすアングルにする。その...
Unity Unity(Rigidbodyで動かそう)
Rigidbodyを使ってオブジェクトを動かしてみよう。
床の作成
createからcubeを作成し、scaleをxとzに25を入れて以下のように配置する。（alt+ドラッグで見下ろすアングルにする。その際x軸が右を向くように...
JavaScript JSONP(郵便番号APIとの連携)
前回はproxyを設置してAjaxにて通信を行った。これはAjaxからでは直接外部ドメインにアクセスできないという制約のためだ。
zipcloudはjsonp(json with padding)にも対応しているので今回はそれを利用し...
JavaScript Ajax通信(郵便番号APIとの連携)
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
郵便番号APIに接続し郵便番号を入れると住所が自動入力されるようにする。
今回はzipcloudというサービスを利用させてい...
JavaScript bootstrap4
cssを１から書いてもよいが汎用的に使えるスタイルをまとめてくれているcssフレームワークというものが存在する。
今回はそのcssフレームワークの代表格bootstrapを使ってみよう。なおbootstrapのバージョンは４.0を使う。
...
JavaScript Ajax通信
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
今回サーバーサイドはJavaを利用する。
●エクリプス新規動的プロジェクトからajaxlessonを作成する。
●新規...
JavaScript JSによるゲーム制作-(神経衰弱)
トランプ画像を使って神経衰弱を作ってみよう。
2023作成の最新版があります
1.まずは以下をダウンロードし、デスクトップに展開する。
2.以下のようなフォルダ構成になっている。imagesフォルダにはトランプの画...
JavaScript JSによるゲーム制作-(PanelPazzle)
パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。
記事を新しくしました。こちらを参照してください。
スタート画面
スタートボタンを押すとシャッフルされる。
15パズルの要領で移動させていく、動かせるパネルを...
JavaScript Webサイト制作-(カラーシュミレータ)
JSを使ってカラーシミュレーターを作ってみよう。
上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。
スライダーを設定すると色とカラーコードが表示される。
●index.ht...
JavaScript Webサイト制作-(BMIアプリの作成)
JSを使ってBMI測定アプリを作成しよう。
フォーム表示
身長と体重を入力して計測ボタンを押すと結果が表示される。
なおBMIは
体重kg/(身長m*身長m)
で求められ
判定基準は以下とする。
18.5未満 ...
JSP&Servlet JSP & Servlet(株価検索アプリ)
1.新規動的プロジェクトからstockappを作成する。
2.以下から株価csvファイルをダウンロードする。
3.新規フォルダからassetsフォルダを配置し、その中にさきほどダウンロードしたcsvファイルを配置する。
4.MyS...
JSP&Servlet JSP & Servlet(MySQLとの連携Todoアプリ)
DAOを使って基本的なCRUDを実現しよう。今回はTodoアプリを作成する。(作成の流れはここを参照するとよい。）
［実行例]
●最初の画面
●新規を押した
●タイトルと重要度(1~5)を入力し登録ボタンを押すと...
JSP&Servlet JSP & Servlet(mvcで構築するアプリ)
Model(JavaBeans),View(Jsp),Controller(Servlet)を連携させ以下のアプリを作成せよ。
実行画面
1.画面にフォームが表示される
2.インチを入力し送信を押すとインチをセン...
Unity Unity20(コインプッシャー)
プロジェクト作成
1.新規プロジェクトを名前をJoytas20で作成する(3Dモード)
ステージの作成
2.Create->3DObject->Cubeを作成しFloorとリネーム後インスペクターを以下のように調整する。
...