ハルhal
デジタﾙ コンテンツ

pc2

作って学ぶ
ハードとソフト
アルゴリズム
電子回路

 



このサイトはHPです
ブログではありません
要望・意見は
下記の掲示場を利用して
下さいまたブログも見て下さい

 

ロボット・DOSV掲示板兼Ｂｌｏｇ

懐かしのコンピュータ
Apple II Apple2
PC9801 PC9821

ｒｏｂｏｔｏ

Topに戻る

ララ Lara
アナログ コンテンツ

Lara座れ
動画で学ぶ
躾と訓練
動画メニュー

工作

集団練習メニュー

しつけ　訓練コラム

最後にララについて

このサイトはHPです
ブログではありません
要望・意見は
下記の掲示場を利用して
下さいまたブログも見て下さい

Laraララの
ブログ

犬のしつけと訓練
掲示板

掲示板の利用規則

 

 

 

 

Ｌａｒａ伏せ
Topに戻る
松本　ワンワンクラブ
わんわんクラブ

 

はじめに
ここではプログラムの学習をします
今はやりのＨＴＭＬ５でゲームを作る課程を勉強します
作るゲームは神経衰弱です

コンピュータ言語入門　ＷＥＢ　ＨＴＭＬ５の学習-1

canvasに画像ＧＩＦを読み込み表示する。

card（画像が入っている）フォルダーとこのHTMLを同じ場所に置く

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas</title>
<script type="text/javascript">
<!--
window.onload = function() {
var h1 = document.getElementById("h1");
var h2 = document.getElementById("h2");
var cnvas1 = document.getElementById("canvas1");
var context1 = canvas1.getContext("2d");
context1.drawImage(h1,72,80);
context1.drawImage(h2,0,0);
}
-->
</script>
</head>
<body>
<div>この画像はimg要素の画像</div>
<!-- <img id="h1" src="./card/1_he.gif" /><br /> -->
<img id="h1" src="./card/1_he.gif" /><br />
</body>
</html>

サンプル１

ｗｉｎｄｏｗｓ　用のプログラムの学習

サンプル６

ｉｐｈｏｎｅ　ｉｐａｄ　ａｎｄｏｒｏｉｄ用の学習

サンプル７

サンプル８

 
動画が旨くご覧いただけない場合は最新のFlash Playerをインストールしてください
web ブラウザがインターネットエクスプローラ６（ＩＥ６）以下の場合メニューが崩れてしまうことがあります。
インターネットエクスプローラ７、Sleipnir、Mozilla Firefoxをご使用ください。