《计算机应用基础》作业答案（成人专科）_学习资源展示__电大在线
您的浏览器不支持多窗口！Forked from: 's
Smart Phone
JavaScript 90 lines
HTML 1 lines
CSS 1 lines
forked: canvas上の2つのbase64画像をゲーム的？loopで表示
// forked from siouxcitizen's &canvas上の2つのbase64画像をゲーム的？loopで表示& http://jsdo.it/siouxcitizen/rP1c
// forked from siouxcitizen's &↑↓←→ボタンでcanvas上のbase64形式画像の移動& http://jsdo.it/siouxcitizen/8kXF
//canvas上の2つのbase64画像をloopで表示
//base64形式の画像2つをcanvas上で、ゲームに使えそうなloopで表示できないか実験してみました
//sla画像は引き続き↑↓←→で操作可能です
//zaku画像は上から下へ遷移していきます(背景の白い部分どうやって消すのだろう？？？)
//↑上記の機能はFirefox上の動作しか確認できていません
//前に作成した以下コードを使い回しました
//canvasでloopで繰り返し矩形領域ぬりつぶし
//http://jsdo.it/siouxcitizen/7EOc
//以下コードをbase64画像への変換に使用させていただきました
// 選んだファイルを Base64 エンコードする
//http://wonderfl.net/c/h1NU
var slaImg = new Image();
var zakuImg = new Image();
var slaXPos = 17;
var slaYPos = 31;
var zakuXPos = 17;
var zakuYPos = -10;
window.onload = function () {
setBase64ImageData();
setInterval(loop, 100);
function draw() {
var canvas = document.getElementById(&cvs&);
if (!canvas)
canvas.width = 450;
canvas.height = 440;
ctx= canvas.getContext(&2d&);
slaImg = new Image();
slaImg.src = slaD
slaImg.onload=function()　{
ctx.drawImage(slaImg, 10*slaXPos, 10*slaYPos);
zakuImg = new Image();
zakuImg.src = zakuD
zakuImg.onload=function()　{
ctx.drawImage(zakuImg, 10*zakuXPos, 10*zakuYPos);
//キープレスイベントを処理
document.addEventListener('keypress', handleKeyPress, false);
function handleKeyPress(event) {
if (event.keyCode==38) {//↑ボタン押下
if (slaYPos & 0) {slaYPos--;}
} else if (event.keyCode==40) {//↓ボタン押下
if (slaYPos & 31) {slaYPos++;}
} else if (event.keyCode==39) {//→ボタン押下
if (slaXPos & 31) {slaXPos++;}
} else if (event.keyCode==37) {//←ボタン押下
if (slaXPos & 0) {slaXPos--;}
function loop() {
//一度描画部分をまっさらにしてから
ctx.clearRect(0,0,450,440);
//sla画像表示
ctx.drawImage(slaImg, 10*slaXPos, 10*slaYPos);
//zaku画像表示
zakuYPos++;
ctx.drawImage(zakuImg, 10*zakuXPos, 10*zakuYPos);
if (zakuYPos & 50) {zakuYPos =-10;}
function setBase64ImageData() {
slaData = &data:image/base64,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&;
zakuData = &data:image/base64,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&;
&canvas id=&cvs& width=&450& height=&440&&&/canvas&
forked: canvas上の2つのbase64画像をゲーム的？loopで表示
body { background-color: #FFFFFF; }
// forked from siouxcitizen's &canvas上の2つのbase64画像をゲーム的？loopで表示& http://jsdo.it/siouxcitizen/rP1c
// forked from siouxcitizen's &↑↓←→ボタンでcanvas上のbase64形式画像の移動& http://jsdo.it/siouxcitizen/8kXF
//canvas上の2つのbase64画像をloopで表示
//base64形式の画像2つをcanvas上で、ゲームに使えそうなloopで表示できないか実験してみました
//sla画像は引き続き↑↓←→で操作可能です
//zaku画像は上から下へ遷移していきます(背景の白い部分どうやって消すのだろう？？？)
//↑上記の機能はFirefox上の動作しか確認できていません
//前に作成した以下コードを使い回しました
//canvasでloopで繰り返し矩形領域ぬりつぶし
//http://jsdo.it/siouxcitizen/7EOc
//以下コードをbase64画像への変換に使用させていただきました
// 選んだファイルを Base64 エンコードする
//http://wonderfl.net/c/h1NU
var slaImg = new Image();
var zakuImg = new Image();
var slaXPos = 17;
var slaYPos = 31;
var zakuXPos = 17;
var zakuYPos = -10;
window.onload = function () {
setBase64ImageData();
setInterval(loop, 100);
function draw() {
var canvas = document.getElementById(&cvs&);
if (!canvas)
canvas.width = 450;
canvas.height = 440;
ctx= canvas.getContext(&2d&);
slaImg = new Image();
slaImg.src = slaD
slaImg.onload=function()　{
ctx.drawImage(slaImg, 10*slaXPos, 10*slaYPos);
zakuImg = new Image();
zakuImg.src = zakuD
zakuImg.onload=function()　{
ctx.drawImage(zakuImg, 10*zakuXPos, 10*zakuYPos);
//キープレスイベントを処理
document.addEventListener('keypress', handleKeyPress, false);
function handleKeyPress(event) {
if (event.keyCode==38) {//↑ボタン押下
if (slaYPos & 0) {slaYPos--;}
} else if (event.keyCode==40) {//↓ボタン押下
if (slaYPos & 31) {slaYPos++;}
} else if (event.keyCode==39) {//→ボタン押下
if (slaXPos & 31) {slaXPos++;}
} else if (event.keyCode==37) {//←ボタン押下
if (slaXPos & 0) {slaXPos--;}
function loop() {
//一度描画部分をまっさらにしてから
ctx.clearRect(0,0,450,440);
//sla画像表示
ctx.drawImage(slaImg, 10*slaXPos, 10*slaYPos);
//zaku画像表示
zakuYPos++;
ctx.drawImage(zakuImg, 10*zakuXPos, 10*zakuYPos);
if (zakuYPos & 50) {zakuYPos =-10;}
function setBase64ImageData() {
slaData = &data:image/base64,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&;
zakuData = &data:image/base64,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&;
&canvas id=&cvs& width=&450& height=&440&&&/canvas&
body { background-color: #FFFFFF; }
use an iframe compat browser, deer
ブログに埋め込む
Description What kind of game?
Control Device
Touch Device
Fullscreen
CSSを極めたいです。
プログラム面も頑張りたい…(??｀)
Default Panel
Discussion}