# enchant.js 小テスト2-1 ## 課題: ゲームの初期化との表示 ## タスク: ゲームで使う画像を用意して全てpreloadしましょう。 背景を画面に表示しましょう spaceshipを画面に表示しましょう。 ### ヒント 定数化した時の名前は以下のものにしてください。 画像:IMG_SPACESHIP, IMG_METEOR, IMG_BACKGROUND spaceship(64, 64) ・画像のクラス(sprite)で作りましょう。 ・X座標は50, Y座標はcore.heightの半分に設定 背景bg(640, 360) ・画像のクラス(sprite)で作りましょう。 ### 開始コード: enchant(); window.onload = function() { const IMG_SPACESHIP = const IMG_METEOR = const IMG_BACKGROUND = var core = new Core(640, 360); core.preload(); core.onload = function() { // ここに記述して上記も完成させてください。 }; core.start(); }; function rand(n) { return Math.floor(Math.random() * (n + 1)); } <details> <summary>解答</summary> enchant(); window.onload = function() { const IMG_SPACESHIP = 'spaceship.png'; const IMG_METEOR = 'meteor.png'; const IMG_BACKGROUND = 'space.png'; var core = new Core(640, 360); core.preload(IMG_SPACESHIP, IMG_METEOR, IMG_BACKGROUND); core.onload = function() { var spaceship = new Sprite(64, 64); spaceship.image = core.assets[IMG_SPACESHIP]; spaceship.x = 50; spaceship.y = core.height / 2; core.rootScene.addChild(spaceship); var bg = new Sprite(640, 360); bg.image = core.assets[IMG_BACKGROUND]; core.rootScene.addChild(bg); }; core.start(); }; function rand(n) { return Math.floor(Math.random() * (n + 1)); } </details>
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up