HSPポータル
サイトマップ お問い合わせ


HSPTV!掲示板


未解決 解決 停止 削除要請

2019
0224
ねこさんHSP風JavaScript3解決


ねこさん

リンク

2019/2/24(Sun) 21:11:34|NO.86700

現在JavaScriptをHSP風にかけるものを作っています。
下コード

var hspx = 0; //x座標 var hspy = 0; //y座標 var canvas; //キャンバスのコンテキスト var fontheight; //fontの高さ onload = function(){ document.body.innerHTML = '<canvas id="hspcanvas" width="640" height="480" style="border: 1px solid #000000;"></canvas>' canvas = document.getElementById("hspcanvas").getContext("2d"); canvas.font = "16px monospace"; fontheight = 16; }; function pos(x,y){ hspx = x; hspy = y + fontheight; } function mes(mes){ canvas.fillText(mes); hspy += fontheight; } function wait(waittime){ var starttime = new Date(); while(new Date() -starttime < (waittime*10) ){}; }

pos、mes、waitのみ作っています。ミス、要望等あったら報告してください。



この記事に返信する


zakki

リンク

2019/2/25(Mon) 19:54:10|NO.86709

ビジーループだとブラウザが固まってよくないので、setTimeoutのほうが良い場合が多いです。

IE以外のブラウザだとasync/awaitが使えるので結構素直に書けます。
https://qiita.com/niusounds/items/37c1f9b021b62194e077 ここのsleepのafterが参考になるかと。



MIZUSHIKI

リンク

2019/2/26(Tue) 12:27:58|NO.86712

やる気を削いでしまうかもしれなくて申し訳ないのですが、、、

実は、同じようなコンセプトで、MIAさんが作られた HSP.js というものがあります。

http://taillove.github.io/hsp.js/
https://github.com/taillove/hsp.js

私自身は使ったことはないのですが、
結構興味深いサンプルもいくつかあったので、ぜひ試してみてください。

一通り触ってみたうえで、機能的に気になったりしたところがあれば、
 ・勉強のため改めて自分で1から作ってみる。
 ・GitHubで公開されているものを改良してみる。
とか、やってみるのも良いと思います。



ねこさん

リンク

2019/2/27(Wed) 07:06:10|NO.86718

ご意見、ありがとうございました。
HSP.jsを使ってみて、改良(改悪)していきたいと思います。



ONION software Copyright 1997-2023(c) All rights reserved.