HSP3Dish.js サンプル 『ヒエログリフ』

更新:2022年8月5日   HSPトップへもどる


『 ヒエログリフを表示 』 ◆ブラウザ上で動作するページ 

★このスクリプトは、独自のテキストファイル(外部ファイル)を使用していますので、WebDishサービスには登録できません。
ご自身が使用できるサーバ・スペースなどへアップロードします。

!注意!
このスクリプトは iPhone, iPad の ブラウザ Safari から実行させると正しく動作します。
Windows7以前のPCブラウザや、フォントや表示機能のないブラウザからは正しく表示されません。
使用するブラウザによってすこし見栄えが変わるので見比べてみるのも面白いかも

・事前に用意した外部テキストファイル( utf-hiero.txt )を読み込んで、ヒエログリフ(古代エジプト文字)を表示するスクリプトです。
 参考: ヒエログリフ Wikipedia

・テキストファイルは自分で作成した自由なものを使用できます。
メモ帳アプリ や テキストエディタアプリ などで好きな文字、記号、絵文字、を書いて、保存時に utf-8 形式を選んで保存します。
そのテキストファイルを 、スクリプトとおなじ場所に 「dataフォルダ」を作ってそのなかに入れた状態で、
HSP3Dish helper を起動し、変換し、
そして出来上がった .data ファイルを一緒にアップロードします

サンプルスクリプト

#include "hsp3dish.as"
#include "hsp3utf.as"

// ↑これが必要です!(※includeする順番もこの通りでないと問題が出る!)
// ★重要:このスクリプトはヒエログリフ(古代エジプト文字UTF)が表示できるOSおよびブラウザでないと
// 正しく表示できません。最新の iPhone,iPadのSafariはOK。
// Windows7以前のブラウザや、フォントや表示機能のない場合はヒエログリフが表示されません。
// 対応していないと □ や ?? に化けて表示されますが、アップロードしてから、
// iPhone,iPadのブラウザから動作させれば正しく表示されるはずです

	fname = "utf-hiero.txt"	// テキストファイル名は自由
						// このスクリプト.hspと同じ保存場所に[dataフォルダ]を作って入れておく
	// 320*480
	screen 0,320,480	// スマホやタブレットなどが前提の場合は自分で最適なサイズを設定する
	title "ヒエログリフ 0.1"	// タイトルも自由に変更してください
	setumei = "ヒエログリフ(古代エジプト文字)"	// 最初のメッセージ

	//------------------------------------------------
	// 別に用意したUTF形式で保存したテキストファイルを読み込み

	sdim itigyos,300,100	// 読み込み用文字列配列(一行づつ分割して保持する入れ物)
	
	notesel utftext	// utftextという文字列配列を対象にする(初めて使うので自動的に初期化される
	noteload fname	// utftextに外部にあるテキストファイルを読み込む
	//一行づつにばらす
	repeat notemax		// 直前にnote命令で読み込んだ全文字列の行数分だけ繰り返す
						//(※utf時は動作要注意! 動作は正しいがデバッグ表示される数値がおかしい?
		noteget gyo,cnt			// 指定行を読む込む(cntはシステム変数でループ時の回数が入ってる)
		itigyos(cnt) = gyo		// いま取得した一行分を配列に格納
	loop

	allgyousuu = length(itigyos)	//全テキストが何行に分割されたか、配列の要素数でわかる
	
	nowpage = 0					// 現在のページ 
	allpages= allgyousuu/10 + 1	// 1ページ10行表示なので、割り算で全ページ数がきまる(+1する)

	fontsize = 36				// ヒエログリフの大きさ

	title " 行数="+ gyousuu +" notemax = " + notemax +" noteinfo(0)=" + noteinfo(p1)
	//------------------------------------------------
	// ページめくりボタンオブジェクト
	objsize 100,40
	pos 0,10 : button "もどる", *prevpage
	pos 220,10 : button "すすむ", *nextpage
	objsize 60,40
	pos 100,10 : button "小さく", *change_fontsize_small
	pos 160,10 : button "大きく", *change_fontsize_large
	//================================================================
	//メインループ
*main
	
	redraw 0
	gmode 2					//透明色あり
	color 0,0,128 : boxf	//ぬりつぶし

	//説明メッセージ表示(毎回)
	gosub *bamen_setumei_mesput
		
	//------------------------------------------------
	//入力検出
	stick key,15			//パソコン物理キーボード入力検知
	if key&128 : end		//	ESCキー 押されたらプログラム終了

	//(※注意! タッチ関連命令を使うとそのままではうまく動作しません)
	//------------------------------------------------
	redraw 1
	await 1000/60

	goto *main
stop
//================================================================
//説明メッセージを表示(毎回)
*bamen_setumei_mesput

	color 255,255,255

	font "",20,16,1
	pos 8,52 : mes ""+ (nowpage+1)+" / "+allpages

	font "",14,16,1
 	pos 84,60 : mes setumei
	pos 4,80 : mes itigyos(0)	//先頭行だけ説明のため表示

	font "",fontsize,16,1		//初期値36

	a = nowpage * 10		//現在のページにあわせた行の先頭から取得

	repeat 10

		if length(itigyos) <= (a+cnt+1) : break
		pos 2,100+cnt*(fontsize+4) : mes itigyos(a+cnt+1)

	loop
	
return	
//================================================================
//フォントサイズ変更 大きく
*change_fontsize_large
	fontsize = fontsize + 2
goto *main	
//================================================================
//フォントサイズ変更 小さく
*change_fontsize_small
	fontsize = fontsize - 2
goto *main	
//================================================================
//ページをすすめる
*nextpage
	nowpage++

	if nowpage >= allpages : nowpage = allpages-1
	
goto *main	
//================================================================
//ページをもどる
*prevpage
	nowpage--

	if nowpage<0 : nowpage=0
	
goto *main	
//================================================================


・UTFで保存したテキストファイルは
完成したさいごに 「dataフォルダ」にいれた状態で変換して、できたものをアップロードします。
(開発途中では .hspスクリプトとおなじ場所にあったほうがラク)

開発途中で試行錯誤しているあいだに、「dataフォルダ」のなかと、「.hspスクリプトとおなじ場所」のふたつに、同じ名前のちがうファイルが存在してしまうと混乱のもとになるので、注意が必要です。まちがえやすいです!



↓これを 「メモ帳アプリ」か「テキストエディタアプリ」にコピーして、自分のパソコンのなかに「名前をつけて保存」、その際、必ず[UTF-8形式]で保存する。
(↓ パソコンで文字化けしている状態にみえても、そのままコピーすれば正しく表示できます)

このテキストはUTF-8で書かれていますUnicodeの記号を使用できます
❤ 🌞🐶🌻🐕🌷😄😊☺️😋🥰 
𓀀 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇
𓀈 𓀉 𓀊 𓀋 𓀌 𓀍 𓀎 𓀏
𓀐 𓀑 𓀒 𓀓 𓀔 𓀕 𓀖 𓀗
𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 𓀞 𓀟
𓀠 𓀡 𓀢 𓀣 𓀤 𓀥 𓀦 𓀧
𓀨 𓀩 𓀪 𓀫 𓀬 𓀭 𓀮 𓀯
𓀰 𓀱 𓀲 𓀳 𓀴 𓀵 𓀶 𓀷
𓀸 𓀹 𓀺 𓀻 𓀼 𓀽 𓀾 𓀿
𓁀 𓁁 𓁂 𓁃 𓁄 𓁅 𓁆 𓁇
𓁈 𓁉 𓁊 𓁋 𓁌 𓁍 𓁎 𓁏
𓁐 𓁑 𓁒 𓁓 𓁔 𓁕 𓁖 𓁗
𓁘 𓁙 𓁚 𓁛 𓁜 𓁝 𓁞 𓁟
𓁠 𓁡 𓁢 𓁣 𓁤 𓁥 𓁦 𓁧
𓁨 𓁩 𓁪 𓁫 𓁬 𓁭 𓁮 𓁯
𓁰 𓁱 𓁳 𓁴 𓁵 𓁶 𓁷 𓁸
𓁹 𓁺 𓁻 𓁼 𓁽 𓁾 𓁿 𓂀
𓂁 𓂂 𓂃 𓂄 𓂅 𓂆 𓂇 𓂈
𓂉 𓂊 𓂋 𓂌 𓂍 𓂎 𓂏 𓂐
𓂑 𓂒 𓂓 𓂔 𓂕 𓂖 𓂗 𓂘
𓂙 𓂚 𓂛 𓂜 𓂝 𓂞 𓂟 𓂠
𓂡 𓂢 𓂣 𓂤 𓂥 𓂦 𓂧 𓂨
𓂩 𓂪 𓂫 𓂬 𓂭 𓂮 𓂯 𓂰
𓂱 𓂲 𓂳 𓂴 𓂵 𓂶 𓂷 𓂸
𓂹 𓂺 𓂻 𓂼 𓂽 𓂾 𓂿 𓃀
𓃁 𓃂 𓃃 𓃄 𓃅 𓃆 𓃇 𓃈
𓃉 𓃊 𓃋 𓃌 𓃍 𓃎 𓃏 𓃐
𓃑 𓃒 𓃓 𓃔 𓃕 𓃖 𓃗 𓃘
𓃙 𓃚 𓃛 𓃜 𓃝 𓃞 𓃟 𓃠
𓃡 𓃢 𓃣 𓃤 𓃥 𓃦 𓃧 𓃨
𓃩 𓃪 𓃫 𓃬 𓃭 𓃮 𓃯 𓃰
𓃱 𓃲 𓃳 𓃴 𓃵 𓃶 𓃷 𓃸
𓃹 𓃺 𓃻 𓃼 𓃽 𓃾 𓃿 𓄀
𓄁 𓄂 𓄃 𓄄 𓄅 𓄆 𓄇 𓄈
𓄉 𓄊 𓄋 𓄌 𓄍 𓄎 𓄏 𓄐
𓄑 𓄒 𓄓 𓄔 𓄕 𓄖 𓄗 𓄘
𓄙 𓄚 𓄛 𓄜 𓄝 𓄞 𓄟 𓄠
𓄡 𓄢 𓄣 𓄤 𓄥 𓄦 𓄧 𓄨
𓄩 𓄪 𓄫 𓄬 𓄭 𓄮 𓄯 𓄰
𓄱 𓄲 𓄳 𓄴 𓄵 𓄶 𓄷 𓄸
𓄹 𓄺 𓄻 𓄼 𓄽 𓄾 𓄿 𓅀
𓅁 𓅂 𓅃 𓅄 𓅅 𓅆 𓅇 𓅈
𓅉 𓅊 𓅋 𓅌 𓅍 𓅎 𓅏 𓅐
𓅑 𓅒 𓅓 𓅔 𓅕 𓅖 𓅗 𓅘
𓅙 𓅚 𓅛 𓅜 𓅝 𓅞 𓅟 𓅠
𓅡 𓅢 𓅣 𓅤 𓅥 𓅦 𓅧 𓅨
𓅩 𓅪 𓅫 𓅬 𓅭 𓅮 𓅯 𓅰
𓅱 𓅲 𓅳 𓅴 𓅵 𓅶 𓅷 𓅸
𓅹 𓅺 𓅻 𓅼 𓅽 𓅾 𓅿 𓆀
𓆁 𓆂 𓆃 𓆄 𓆅 𓆆 𓆇 𓆈
𓆉 𓆊 𓆋 𓆌 𓆍 𓆎 𓆏 𓆐
𓆑 𓆒 𓆓 𓆔 𓆕 𓆖 𓆗 𓆘
𓆙 𓆚 𓆛 𓆜 𓆝 𓆞 𓆟 𓆠
𓆡 𓆢 𓆣 𓆤 𓆥 𓆦 𓆧 𓆨
𓆩 𓆪 𓆫 𓆬 𓆭 𓆮 𓆯 𓆰
𓆱 𓆲 𓆳 𓆴 𓆵 𓆶 𓆷 𓆸
𓆹 𓆺 𓆻 𓆼 𓆽 𓆾 𓆿 𓇀
𓇁 𓇂 𓇃 𓇄 𓇅 𓇆 𓇇 𓇈
𓇉 𓇊 𓇋 𓇌 𓇍 𓇎 𓇏 𓇐
𓇑 𓇒 𓇓 𓇔 𓇕 𓇖 𓇗 𓇘
𓇙 𓇚 𓇛 𓇜 𓇝 𓇞 𓇟 𓇠
𓇡 𓇢 𓇣 𓇤 𓇥 𓇦 𓇧 𓇨
𓇩 𓇪 𓇫 𓇬 𓇭 𓇮 𓇯 𓇰
𓇱 𓇲 𓇳 𓇴 𓇵 𓇶 𓇷 𓇸
𓇹 𓇺 𓇻 𓇼 𓇽 𓇾 𓇿 𓈀
𓈁 𓈂 𓈃 𓈄 𓈅 𓈆 𓈇 𓈈
𓈉 𓈊 𓈋 𓈌 𓈍 𓈎 𓈏 𓈐
𓈑 𓈒 𓈓 𓈔 𓈕 𓈖 𓈗 𓈘
𓈙 𓈚 𓈛 𓈜 𓈝 𓈞 𓈟 𓈠
𓈡 𓈢 𓈣 𓈤 𓈥 𓈦 𓈧 𓈨
𓈩 𓈪 𓈫 𓈬 𓈭 𓈮 𓈯 𓈰
𓈱 𓈲 𓈳 𓈴 𓈵 𓈶 𓈷 𓈸
𓈹 𓈺 𓈻 𓈼 𓈽 𓈾 𓈿 𓉀
𓉁 𓉂 𓉃 𓉄 𓉅 𓉆 𓉇 𓉈
𓉉 𓉊 𓉋 𓉌 𓉍 𓉎 𓉏 𓉐
𓉑 𓉒 𓉓 𓉔 𓉕 𓉖 𓉗 𓉘
𓉙 𓉚 𓉛 𓉜 𓉝 𓉞 𓉟 𓉠
𓉡 𓉢 𓉣 𓉤 𓉥 𓉦 𓉧 𓉨
𓉩 𓉪 𓉫 𓉬 𓉭 𓉮 𓉯 𓉰
𓉱 𓉲 𓉳 𓉴 𓉵 𓉶 𓉷 𓉸
𓉹 𓉺 𓉻 𓉼 𓉽 𓉾 𓉿 𓊀
𓊁 𓊂 𓊃 𓊄 𓊅 𓊆 𓊇 𓊈
𓊉 𓊊 𓊋 𓊌 𓊍 𓊎 𓊏 𓊐
𓊑 𓊒 𓊓 𓊔 𓊕 𓊖 𓊗 𓊘
𓊙 𓊚 𓊛 𓊜 𓊝 𓊞 𓊟 𓊠
𓊡 𓊢 𓊣 𓊤 𓊥 𓊦 𓊧 𓊨
𓊩 𓊪 𓊫 𓊬 𓊭 𓊮 𓊯 𓊰
𓊱 𓊲 𓊳 𓊴 𓊵 𓊶 𓊷 𓊸
𓊹 𓊺 𓊻 𓊼 𓊽 𓊾 𓊿 𓋀
𓋁 𓋂 𓋃 𓋄 𓋅 𓋆 𓋇 𓋈
𓋉 𓋊 𓋋 𓋌 𓋍 𓋎 𓋏 𓋐
𓋑 𓋒 𓋓 𓋔 𓋕 𓋖 𓋗 𓋘
𓋙 𓋚 𓋛 𓋜 𓋝 𓋞 𓋟 𓋠
𓋡 𓋢 𓋣 𓋤 𓋥 𓋦 𓋧 𓋨
𓋩 𓋪 𓋫 𓋬 𓋭 𓋮 𓋯 𓋰
𓋱 𓋲 𓋳 𓋴 𓋵 𓋶 𓋷 𓋸
𓋹 𓋺 𓋻 𓋼 𓋽 𓋾 𓋿 𓌀
𓌁 𓌂 𓌃 𓌄 𓌅 𓌆 𓌇 𓌈
𓌉 𓌊 𓌋 𓌌 𓌍 𓌎 𓌏 𓌐
𓌑 𓌒 𓌓 𓌔 𓌕 𓌖 𓌗 𓌘
𓌙 𓌚 𓌛 𓌜 𓌝 𓌞 𓌟 𓌠
𓌡 𓌢 𓌣 𓌤 𓌥 𓌦 𓌧 𓌨
𓌩 𓌪 𓌫 𓌬 𓌭 𓌮 𓌯 𓌰
𓌱 𓌲 𓌳 𓌴 𓌵 𓌶 𓌷 𓌸
𓌹 𓌺 𓌻 𓌼 𓌽 𓌾 𓌿 𓍀
𓍁 𓍂 𓍃 𓍄 𓍅 𓍆 𓍇 𓍈
𓍉 𓍊 𓍋 𓍌 𓍍 𓍎 𓍏 𓍐
𓍑 𓍒 𓍓 𓍔 𓍕 𓍖 𓍗 𓍘
𓍙 𓍚 𓍛 𓍜 𓍝 𓍞 𓍟 𓍠
𓍡 𓍢 𓍣 𓍤 𓍥 𓍦 𓍧 𓍨
𓍩 𓍪 𓍫 𓍬 𓍭 𓍮 𓍯 𓍰
𓍱 𓍲 𓍳 𓍴 𓍵 𓍶 𓍷 𓍸
𓍹 𓍺 𓍻 𓍼 𓍽 𓍾 𓍿 𓎀
𓎁 𓎂 𓎃 𓎄 𓎅 𓎆 𓎇 𓎈
𓎉 𓎊 𓎋 𓎌 𓎍 𓎎 𓎏 𓎐
𓎑 𓎒 𓎓 𓎔 𓎕 𓎖 𓎗 𓎘
𓎙 𓎚 𓎛 𓎜 𓎝 𓎞 𓎟 𓎠
𓎡 𓎢 𓎣 𓎤 𓎥 𓎦 𓎧 𓎨
𓎩 𓎪 𓎫 𓎬 𓎭 𓎮 𓎯 𓎰
𓎱 𓎲 𓎳 𓎴 𓎵 𓎶 𓎷 𓎸
𓎹 𓎺 𓎻 𓎼 𓎽 𓎾 𓎿 𓏀
𓏁 𓏂 𓏃 𓏄 𓏅 𓏆 𓏇 𓏈
𓏉 𓏊 𓏋 𓏌 𓏍 𓏎 𓏏 𓏐
𓏑 𓏒 𓏓 𓏔 𓏕 𓏖 𓏗 𓏘
𓏙 𓏚 𓏛 𓏜 𓏝 𓏞 𓏟 𓏠
𓏡 𓏢 𓏣 𓏤 𓏥 𓏦 𓏧 𓏨
𓏩 𓏪 𓏫 𓏬 𓏭 𓏮 𓏯 𓏰
𓏱 𓏲 𓏳 𓏴 𓏵 𓏶 𓏷 𓏸
𓏹 𓏺 𓏻 𓏼 𓏽 𓏾 𓏿 𓐀
𓐁 𓐂 𓐃 𓐄 𓐅 𓐆 𓐇 𓐈
𓐉 𓐊 𓐋 𓐌 𓐍 𓐎 𓐏 𓐐
𓐑 𓐒 𓐓 𓐔 𓐕 𓐖 𓐗 𓐘
𓐙 𓐚 𓐛 𓐜 𓐝 𓐞 𓐟 𓐠
𓐡 𓐢 𓐣 𓐤 𓐥 𓐦 𓐧 𓐨
𓐩 𓐪 𓐫 𓐬 𓐭 𓐮

   HSPトップへもどる