inventor のすべての投稿

風鈴を揺らす一例

2021-07-22ものづくり筆耕ブログinventor

時代は進む

コロナ対策の会見に見られるように近頃のテレビ、ラジオ、インターネットでは、情報伝達、ゲームの中でフリップ、立て看板、バックグラウンドミュージックなどを組み合わせた多彩な表現を試みています。

年賀状や暑中見舞いをするに当たり動画を挨拶媒体に使ったり、パブリックビューイングを駆使し電子卒業証書授与の卒業式も行われているようです。

lineなどの絵文字やgif画像を使えば、その表現は割と簡単にできますが、お相手の好みに合った詩やBGMはそうそう見当たりません。そこでとっておきの作品の作り方をまとめました。

最初でもあり、風鈴の静止画像をanimation効果で揺らした例を取り上げました。

風鈴の部位の名称、回転の中心点、回転基軸を追加した左図にて説明を進めます。

風鈴（ふうりん）を揺らす準備

HTMLのCSS機能にanimationがあります。animationの基本的な解説は別書に譲ることにし、実態に近い風鈴の揺れの表示例を示します。画像を作ったり説明のため、上図のほか図(1)を用意しました。

風鈴の静止画像は図(1)のように傾けたものが自然ですが、振り子のように回転させる場合は直立画像が考えやすいので基本画像は図(2)とします。

図に傾斜を付けるにはpaint.netを使いました。図を読み込み、レイヤー–回転–ロール–8.00などと回転角を入力します。

風鈴の揺れを実態に近づけるため、2種類の回転を付けるべく吊り紐・鈴（図3）と舌・短冊（図4）に分けます。

作成した実際の画像が図(3)、図(4)です。升目状の背景は透明色を意味しています。背景の透明色は必須です。

また、図（4）の上部の空白も回転中心を設定するために欠かすことはできません。

背景を透明色にするにはpaint.netが便利です。paint.netを起動し、画像を読み込み、ツール–魔法の杖を選択し、硬度を10%程度に下げて透明色にするエリアを選択し随時Deleteキーで透明化（表示は升目）します。

吊り紐の中もきちんと透明にします。また、硬度を小さな値にしておかないと望まない箇所も透明になることがあります。

風鈴の揺らし方

【概要】
風鈴全体を振り子のように左右に揺らす一方、短冊は縦軸を中心に時計方向・反時計方向に回転させ風にそよぐひらひら感を出す。すなわち、短冊は振り子のような揺れとひらひらを出す揺れの二重回転をする。

図(5)に示すようにA要素を親要素とし子要素としてB要素とC要素を定義して分割して風鈴を描く。
A要素を左右に揺れるようにkeyframesに定義。回転中心はA要素の最上かつ中央部にする。回転はrotateを使う。
C要素をY軸を回転軸にしてrotateYで回転させる。
2つの画像がなるべく同期しないようにanimation完了時間を別々にする。最適値は試行錯誤で見つかる。
風鈴の音を鳴らすにはmp3の音声データを用意して、audio要素に定義した音声オブジェクトをplay関数で再生、ここでは自動描画しており、自動再生はブラウザの制限に抵触するので、織り込まない。開始ボタンを設ける方式を採用すれば解決する。
起動後5秒間はA要素にbackground-colorを指定して風鈴の揺らぎをわかりやすくしている。本式の表現ではこの指定はしない。

Result

当初は風鈴が揺れるだけです。5秒後に短冊がひらひらと揺らぎ始めます。

考察

2種類の回転で風鈴の揺れを表現するとかなり本物らしくなりました。これらを発展させて複雑な動きに挑戦してください。

summer2021greeting

2021-07-17ものづくり筆耕ブログinventor

山頭火の自由律俳句描画を待って、QRコードをクリックすると哀愁ただよう民謡が流れて新しい展開になります。最後までお聴きいただくとクマとペンギンのイラストが現れます。

風鈴の揺れをアニメーション効果で表現し、その上、音を追加しました。最近のブラウザは音声の自動スタートが許可されていません。そのため、開始ボタンを新設しました。

ストーリーが展開され後ほど現れる右下のQRコードは、メールアドレスが不明で住所が既知の知人に、ハガキにて挨拶する場合に利用するためのものです。

暑中お見舞い申し上げます

令和三年盛夏

開始

マウス移動軌跡のその後

2021-07-14ものづくり筆耕ブログinventor

一気に解決は至難

企業合併を経験したメガバンクのシステムは信頼性において中々、終息しておりません。

既存のものを温存しながら新しい方式を実現することは極めて難解です。

前回、「マウスによる滑らかな表現」を発表しましたが、制約がないにもかかわらず不備が目立っていました。

今回、マウスカーソルの制御において思うような動作が得られなかった点を改訂しました。

末尾に試作の作品集を掲載しました。巧みにカーソルを移動してユニークな作品に挑戦してはいかがでしょう。

RESULT

CTRLキー：マウス移動を有効化, ESCAPEキー：メッセージと背景を切り替える（繰り返し）

コ

ロ

ナ

熱

中

症

対

策

し

っ

か

り

作品集

プログラムコード

<html>
<Div id="base" onmousemove="trail(event);" style="margin:0 auto; width:960px; height:600px; background:#faffff; border:1px solid blue; font-size:48px; color:chocolate; position:relative; overflow:hidden;">
<div style="width:960px; font-size:16px; color:black;"><span style="color:deeppink; font-weight:bold">　『マウスによる滑らかな表現』　</span>&copy;2021 TacM V1.00　<span id="dbg" style="color:firebrick; font-weight:bold;"><!--&emsp;&emsp;マウスを使って弓型、波型メッセージを作成する</span>--></div>
<div style="width:960px; font-size:16px; color:black;"><b>&nbsp;CTRLキー：</b>マウス移動を有効化,&emsp;<b>ESCAPEキー：</b>メッセージと背景を切り替える（繰り返し）</div>
<div id="ms0"  style="width:90px; height:90px; position:absolute; left:700px; top: 65px; border:0px solid green;">コ</div>
<div id="ms1"  style="width:90px; height:90px; position:absolute; left:795px; top:160px; border:0px solid green;">ロ</div>
<div id="ms2"  style="width:90px; height:90px; position:absolute; left:810px; top:282px; border:0px solid green;">ナ</div>
<div id="ms3"  style="width:90px; height:90px; position:absolute; left:733px; top:400px; border:0px solid green;">熱</div>
<div id="ms4"  style="width:90px; height:90px; position:absolute; left:589px; top:484px; border:0px solid green;">中</div>
<div id="ms5"  style="width:90px; height:90px; position:absolute; left:413px; top:512px; border:0px solid green;">症</div>
<div id="ms6"  style="width:90px; height:90px; position:absolute; left:234px; top:480px; border:0px solid green;">対</div>
<div id="ms7"  style="width:90px; height:90px; position:absolute; left:120px; top:384px; border:0px solid green;">策</div>
<div id="ms8"  style="width:90px; height:90px; position:absolute; left: 73px; top:275px; border:0px solid green;">し</div>
<div id="ms9"  style="width:90px; height:90px; position:absolute; left:110px; top:175px; border:0px solid green;">っ</div>
<div id="ms10" style="width:90px; height:90px; position:absolute; left:180px; top:100px; border:0px solid green;">か</div>
<div id="ms11" style="width:90px; height:90px; position:absolute; left:270px; top: 60px; border:0px solid green;">り</div>
<img id="bk" style="position:absolute; left:245px; top:44px; opacity:0.2;" src="http://aidesign.lolipop.jp/wp-content/uploads/2012/08/furin.png" width="436" height="560">
</Div>
<body>
<script Language="JavaScript">
const fg = ["2012/08/furin.png",                            436, 560, 245044,	//風鈴
			"2013/08/0d8c0a79cac95019e62fbb9f59420491.png", 413, 500, 225070,	//白いカサブランカ
			"2021/04/flower_huji_9083.png",                 589, 500, 170090,	//藤の花
			"2016/08/frog.png",                             730, 500, 100080];	//カエル
const Message = ["たくさんの折紙作る夏休み", "暑中お見舞い申し上げます", "夏休みは自転車に挑戦する", "コロナ熱中症対策しっかり"];
const MsColor = ["deepskyblue", "lime", "darkviolet", "chocolate"];	//mouse.html
const COUNT = 12;
const STEP = 6;							//マウス移動の追跡に影響、大きいほど追跡が緩慢になる
var mx = [700, 795, 810, 733, 589, 413, 234, 120,  73, 110, 180, 270];
var my = [ 65, 160, 282, 400, 484, 512, 480, 384, 275, 175, 100,  60];
var mvcnt = mn = mousemoveFlag = dbgFlag = 0;
	var rect = document.getElementById('base');
	console.log("BASE", rect.getBoundingClientRect().left, rect.getBoundingClientRect().top);
	document.addEventListener('keydown', logKey);					//キーイベント
function logKey(e) {					//キーの押下で起動
	console.log("押されたキーのコード : " + e.keyCode + " " + e.key, Message.length, mn);
	if(e.key == "Escape"){				//現状を再描画, メッセージと背景を切り替える
		mn = (++mn) % Message.length;	//定義したメッセージ数で繰り返す
		var j=mn*4;		  //index  name   width    height   left                      top
		//console.log("MN", mn, j, fg[j], fg[j+1], fg[j+2], Math.floor(fg[j+3]/1000), fg[j+3]%1000);
		var na = "http://aidesign.lolipop.jp/wp-content/uploads/" + fg[j];
		document.getElementById("bk").src = na;										//src
		document.getElementById("bk").width  = fg[j+1];								//width
		document.getElementById("bk").height = fg[j+2];								//height
		document.getElementById("bk").style.left = Math.floor(fg[j+3]/1000)+"px";	//left
		document.getElementById("bk").style.top = fg[j+3]%1000 + "px";				//top

		for(var i=0; i<12; ++i){
			msLeftTop(i, mn);			//left, top, MsColor, Message
			//console.log(i, mx[i], my[i], Message[mn][i], MsColor[mn]);
		}
	}
	if(e.key == "Control")	mousemoveFlag=~mousemoveFlag;	//CTRLキーの押下でマウス移動を有効にする
	if(e.key == "Alt")		dbgFlag=~dbgFlag;				//ALTキーの押下でデバッグ機能を有効にする
}
function trail(event){					//マウス移動で起動
	if(mousemoveFlag==0)return false;	//マウス移動はまだ無効扱い
	var basex=Math.round(rect.getBoundingClientRect().left);
	var basey=Math.round(rect.getBoundingClientRect().top);
	if(dbgFlag)document.getElementById("dbg").innerHTML=mvcnt+" : "+event.x+" "+event.y+" "+basex+" "+basey;
	if (++mvcnt % STEP) return false;
	mx[COUNT] = event.x-basex;			//0
	my[COUNT] = event.y-basey;			//0 1 2 3 4 5 6 7 8 9 10 11   12
	for(var i=0; i<COUNT; i++){
		mx[i] = mx[i+1];
		my[i] = my[i+1];
		msLeftTop(i, Message.length);	//left, top
	}
	return false;
}
function msLeftTop(i, mn){				//'msi' set left/top
	var id='ms'+i;
	document.getElementById(id).style.left = mx[i]+"px";
	document.getElementById(id).style.top  = my[i]+"px";
	if(mn>=Message.length)	return;		//メッセージの色と文言の設定は省略
	document.getElementById(id).style.color = MsColor[mn];
	document.getElementById(id).innerHTML = Message[mn][i];
	return;
}
</script>
</body>
</html>

マウスによる滑らかな表現

2021-07-10ものづくり筆耕ブログinventor

マウスを使ってなだらかな表現を試みる

マウス移動のイベントをとらえてマウス軌跡を追うようにメッセージを表現します。まず、CTRLキーを押下してマウス移動を有効にします。それから、Escapeキーにて用意した４つのメッセージを切り替えます。

マウスを程よい速度で移動させ、渦巻き状、弓型、波型のメッセージに挑戦してください。思うようなデザインに仕上がったらPrintScreenキーで画像を保存することができます。また、ソースコードを改造して特定のキー押下によりディスクに書き込み保存するように機能追加することも可能です。

Result

CTRLキー：マウス移動を有効化, ESCAPEキー：メッセージを切り替える（繰り返し）

コ

ロ

ナ

熱

中

症

対

策

し

っ

か

り

プログラムコード

<html>
<head>
</head>
<div style="width:960px;">マウスを動かすと軌跡が移動　<span style="color:deeppink; font-weight:bold">『マウスによる滑らかな表現』</span>　&copy;2021 TacM V0.01</div>
<div style="width:960px;"><b>CTRLキー：</b>マウス移動を有効化,&emsp;<b>ESCAPEキー：</b>メッセージを切り替える（繰り返し）</div>
<Div onmousemove="trail();" style="width:960px; height:600px; border:1px solid blue; font-size:48px; color:chocolate; position:relative; overflow:hidden;">
<div id="ms0"  style="width:90px; height:90px; position:absolute; left:680px; top:65px;  border:0px solid green;">コ</div>
<div id="ms1"  style="width:90px; height:90px; position:absolute; left:780px; top:160px; border:0px solid green;">ロ</div>
<div id="ms2"  style="width:90px; height:90px; position:absolute; left:790px; top:282px; border:0px solid green;">ナ</div>
<div id="ms3"  style="width:90px; height:90px; position:absolute; left:713px; top:400px; border:0px solid green;">熱</div>
<div id="ms4"  style="width:90px; height:90px; position:absolute; left:569px; top:484px; border:0px solid green;">中</div>
<div id="ms5"  style="width:90px; height:90px; position:absolute; left:393px; top:512px; border:0px solid green;">症</div>
<div id="ms6"  style="width:90px; height:90px; position:absolute; left:214px; top:480px; border:0px solid green;">対</div>
<div id="ms7"  style="width:90px; height:90px; position:absolute; left:100px; top:384px; border:0px solid green;">策</div>
<div id="ms8"  style="width:90px; height:90px; position:absolute; left:38px;  top:275px; border:0px solid green;">し</div>
<div id="ms9"  style="width:90px; height:90px; position:absolute; left:97px;  top:175px; border:0px solid green;">っ</div>
<div id="ms10" style="width:90px; height:90px; position:absolute; left:160px; top:100px; border:0px solid green;">か</div>
<div id="ms11" style="width:90px; height:90px; position:absolute; left:250px; top:60px;  border:0px solid green;">り</div>
</Div>
<body bgcolor="aliceblue">
<script Language="JavaScript">
const Message = ["コロナ熱中症対策しっかり", "暑中お見舞い申し上げます", "夏休みは自転車に挑戦する", "たくさんの折紙作る夏休み"];
const MsColor = ["deepskyblue", "lime", "darkviolet", "chocolate"];
const COUNT = 12;
const STEP = 6;
var mx = [];
var my = [];
var mvcnt = mn = mousemoveFlag = 0;
document.addEventListener('keydown', logKey);						//キーイベント
for(var i=0; i<COUNT; i++){
	var id='ms'+i;
	mx[i]=document.getElementById(id).style.left;
	my[i]=document.getElementById(id).style.top;
}
function logKey(e) {					//キーの押下で起動
	console.log("押されたキーのコード : " + e.keyCode + e.key, Message.length, mn);
	if(e.key == "Escape"){
		mn = (++mn) % Message.length;
		for(var i=0; i<12; ++i){
			msLeftTop(i, mn);			//left, top, MsColor, Message
			console.log(i, mx[i], my[i], Message[mn][i], MsColor[mn]);
		}
	}
	if(e.key == "Control"){console.log("Control");mousemoveFlag=1;}	//CTRLキーの押下でマウス移動を有効にする
}
function trail(){						//マウス移動で起動
	if(mousemoveFlag==0)return false;	//マウス移動はまだ無効
	console.log("TRAIL", mvcnt, event.x, event.y);
	if (++mvcnt % STEP) return false;	//1 ～ 11
	mx[COUNT] = event.x;				//0
	my[COUNT] = event.y;				//0 1 2 3 4 5 6 7 8 9 10 11   12
	for(var i=0; i<COUNT; i++){
		mx[i] = mx[i+1];
		my[i] = my[i+1];
		msLeftTop(i, Message.length);	//left, top
	}
	console.log("*****", mvcnt, event.x, event.y);
	return false;
}
function msLeftTop(i, mn){				//'msi' set left/top
	var id='ms'+i;
	document.getElementById(id).style.left = mx[i]+"px";
	document.getElementById(id).style.top  = my[i]+"px";
	if(mn>=Message.length)	return;
	document.getElementById(id).style.color = MsColor[mn];
	document.getElementById(id).innerHTML = Message[mn][i];
	return;
}
</script>
</body>
</html>

おまけ

このブログは本文を左に、右にカレンダーや最近の投稿を表示する2カラム方式を採用しています。時として、画面いっぱいに表示したいことがあります。記事を読み込む処理において、特定の文字列から始まる記事名では全面表示になるように制御されています。ブログ運営上、ちょっと高度な仕組みを施しています。

ネット社会の明暗

2021-07-05ものづくり筆耕ブログinventor

インターネットを有効利用

今はネット社会が真っただ中と言えます。7月のカレンダーにおいて、祝日が実際と異なっているのがほとんどのようです。

それは昨年11月末に、改正五輪特措法により、7月、8月、10月の祝日に変更がありカレンダーの印刷に間に合わなかったためです。一度、発信した情報に明らかな誤りがある場合は修正しなければならないという法律はまだ存在していないと思われます。

コロナの影響と無駄を省く時代の要請を反映して、昨年末にいつも入手出来ていたカレンダーがほとんど手に入りませんでした。そこで月末にネットから翌月のカレンダーをダウンロードして利用しています。

7月のカレンダーを6月末にダウンロードして印刷して壁に貼り付けて使っています。法律が施行されて数か月もたつのに7月の休日は残念ながら旧態依然です。新聞折込みチラシの7月カレンダーは流石に正しい表記に改訂されていました。

まだまだ発展途上

SNSの利用法、様々な団体の規約など発展途上にあると言えるでしょう。

会の規約においては、どこぞのものをコピーして該当する処のみを変更して使っているものもあります。『仏作って魂入れず』はよくあることです。

太平洋戦争後の統治下において「日本の民主主義は12歳」とダグラス・マッカーサーに言われて今に至っています。インターネットの利用では、これから落ち着いた時代に入り本質的な改良がなされていくことでしょう。

無料利用に注意

インターネットの利便性を無視しているのは無料でサービス提供しているからです。ネット上にはダウンロードフリーの情報がわんさかあります。無料の利用では内容が誤っていても責任を追及することは難しいです。

いつもフェイクニュースを流していると誰からも信用されなくなりますが、ガセネタ、怪情報として効果を発揮することがあります。ネット上の情報参照は自己責任です。

あまりにもセンセーショナルな内容は眉に唾をつけて読むようにしましょう。オンライン、リアルタイムなどの特長を発揮できていないのはこれからの大きな課題でしょう。

連日の雨に思う

2021-07-03ものづくり筆耕ブログinventor

程よく降って

多くの国を訪ねたわけではありませんが、日本には緑があふれていると思われます。理由は中国や中東地方の大砂漠がなく、四方を海で囲まれているのでこのように判断しました。

雨は天からの恵みと言われますが、一気に強く降ると災害になるので穏やかに降ってほしいものです。

このところ、連日の雨です。これに触発されてプロ野球の伝説に一つ『権藤、権藤、雨、権藤（、雨、雨、権藤、雨、権藤）』があります。

権藤、権藤、雨、権藤の伝説はかなり有名で高齢者ならばエピソード、曰くをご存知でしょう。これをHTMLを駆使して漫画チックに表現してみました。

権藤・権藤・雨・権藤

高度成長が著しかった時期は「いけいけどんどん」の時代でした。

『小よく大を制す』、『柔能く剛を制す』よりは『力あるものが勝つ』一辺倒でした。

プロ野球では技巧派よりも速球派が幅を利かせていました。

セリーグ中日に権藤という投手が入団して連日、登板して大活躍しました。

年間69試合に投げて35勝を挙げました。

投げた後は休養を取ると登板できませんが、当時は屋根付き球場は皆無で雨が降ると中止が普通でした。

するとまた投げることが可能になり頭書の伝説に繋がります。

今では超過労働などのそしりを浴びたり、投球制限の規則に抵触するので考えられないでしょう。

雨が降り続いています。一服の清涼剤になれば幸いです。

大車輪の登板

ブラウザの再ロードボタンをクリックして再描画してください。

権藤

雨

権藤

雨

権藤

雨

権藤

地表を走る観覧車

2021-07-01ものづくり筆耕ブログinventor

大観覧車

観覧車は大きな車輪状のフレームの周囲に2～4人乗りのゴンドラを取り付け、低速で回転させ、高所からの眺望を楽しめるようにした乗り物です。海外では博覧会を記念して建設されましたが、日本では経済成長期にあちこちで競うように出現しました。

中央に回転用の主軸やモーターがあるものがスタンダードでしたが、近年、中央に主軸がなく空洞の中央部にジェットコースターと交差するスリリングな観覧車が完成しているようです。

アメリカ映画黎明期の白黒フィルム映像で見たように記憶していますが、観覧車を車にして広大な広場を走行していたようが映像でした。観覧車やジェットコースターは高低差が最大の魅力ですが好きなコースを自由に走行することはできません。このたび、実現の可能性を度外視して、地表を走行する観覧車をHTMLを用いて作成しました。

以前にも観覧車について当ブログ『観覧車作成の研究』で言及しましたが、大車輪が一回転する間に、ゴンドラがそれと逆方向に回転する必要があります。ゴンドラが自在に回転できるようになっていれば自重により常に重力方向を向くので、座席が逆さになることはありません。

未来志向クラシックカー

作ってみたいのどかな車です。

地

表

を

走

行

す

る

大

観

覧

車

🎡

この作品はJavaScriptでプログラミング

夏の夜の風流

2021-06-25ものづくり筆耕ブログinventor

2021の6月下旬

6月はもう下旬です。なかなか宣言されなかった梅雨入りが発表され、やがては夏一色になることでしょう。それを早取りして『夏の夜の風流』をお届けします。月といえば秋が似合いますが初夏の月も乙なものです。

下左のはじめボタンをクリックしていにしえの風流人（ふうりゅうびと）を訪ねてみませんか。哀愁を帯びた4曲を用意してあります。程よい音量でお楽しみください。

⬑スタート　❶２つのギター

夏の夜の風流

一竿風月（いっかんふうげつ）

俗事を離れ自然に親しみ悠々自適の生活を送ることのたとえ

ワクチン接種その後の後

2021-06-23ものづくり筆耕ブログinventor

混雑は

先日、ワクチン接種2回目を終えました。今回は1回目の接種者と一緒だったので割と混んでいましたが、待ち時間はほとんどゼロでスムースに接種を受けることができました。

予診票には1回目と2回目かを記入する箇所がありますが、このことを特に確認されませんでしたので、1回目と2回目は全く同じ注射を打つということのようです。

今回、就寝するころから肩に軽い痛みを感じ始め、当日と翌日は「痛いな」と思いながらも通常の生活ができました。接種当日、平熱よりも0.5度ほど高い微熱が出ましたが翌日は平熱でした。翌々日には肩の痛みは急激になくなりました。

巷間伝わってくる情報

我が国のワクチン接種は欧米諸国とくらべかなり出遅れました。ために副反応の情報はかなり正確に入ってきたと言えましょう。

ただ、長期的な副反応は始まったばかりなので判断つきにくいですが他の感染症ワクチン接種の類推にたよることになります。

情報はどこを強調するかによってとらえ方がまちまちです。情報過多の状況では怪しげな流言に惑わされないように日頃から注意を払う必要があります。最後には腹をくくるしかありません。

小数派から多数派へ

いつの時代も少数派は迫害を受けがちです。天然痘の接種法を確立したジェンナーは、予防接種を受けると「牛になる」と言われ妨害を受けました。

古い人間はもっと古い老人から「食べてすぐ寝ると牛になる」と言われたものです。これは食べてすぐ横になる不行儀をたしなめたものでした。

文明や文化も陳腐化、消耗します。そして新しいことに挑戦するときはリスクが伴うものです。加えて必ずと言っていいほど、流言飛語が飛び交います。流言を広める側は未知の世界に入ることの恐れのほか、流れがそちらに傾いて取り残された時の恐怖から現状を変えたくない思いをいだくのだろうか。

他人の不確かな情報を世間に公表したり、嫌がらせで事実無根のデマを流すなどの行為は、「名誉毀損罪」になるので気を付けましょう。

薄の穂にも怯ず（すすきのほにもおず）のことわざがあります。先頭に落ち武者はが付くことがありますが、こころが落ち着かず、わずかなことにも恐れてびくびくするたとえですが小心者とそしらても仕方がないでしょう。

しかし、少数派は悲惨です。髪の毛がパーマをかけたように縮れている・目の病気で室内外を問わずいつもサングラスをかけているなど、殴られたり校則違反として反感を受けることがあります。

ワクチン接種の副反応が確定されていないなどの理由で接種を受けない若者が増えていますが、少数派としてパワハラを受け社会問題化しています。

多様性の尊重

多様性の尊重といえば耳障りがいいですが、「ワクチン接種を受けなければ馘」などと高圧的な発言はいかがなものでしょう。

接客することの多い職業とそうでない場合では接種の重みが異なります。

これらの配慮を省略していきなり馘は暴挙・パワハラと言われてもやむを得ないでしょう。

とは言っても集団生活にはルールがつきものです。クラスターが起きて爆発的な感染症の蔓延となることが心配です。

人と接することの少ない創造的な業務ならば細かなルールは適用外ですが、このケースは多くありません。

選択肢を広げる

大学において、ワクチン接種を条件にリモート授業から対面授業を認める傾向にあります。そのほか、ワクチン接種は海外旅行や留学への道を開きます。勇気を奮って接種すると語る若者もいます。国のリーダーが範を持って強力な方向性を示していただきたいものです。

大衆には艱難辛苦を強いながら、一部のリーダーがこっそり別の道を歩んでいることがばれていることも影響しているようです。大衆の顔色をうかがうことなくまた、策士策に溺れることなく基本に従って対処されることを願っています。

手書き風＆回転メッセージ

2021-06-18ものづくり筆耕ブログinventor

ラスベガスを思い起こさせる表現

アスリートや芸能人が透明ボードにサインする様を裏側からカメラに撮ってテレビに放映されています。

これらが一文字ずつ回転しながら手書き風に描画される動的メッセージを作成しました。

実際の華やぎを体験したことはありませんが、映画やニュースできらびやかなネオンに彩られたラスベガス風景を観たことがあります。

そこで、回転しながら手書き風表現は見たことがありません。そのネオンサインはメカニック＆エレクトロニックによる表現と考えられ、複雑な描画は苦手と思われます。

複雑な表現をするにはパブリックビューイングのように100パーセントの電子的表現が望ましいでしょう。今回はInkscapeにより、縁取り文字を作成してAnimation機能を併用して表現しています。

毎回の断りで恐縮の至りです。今回のソースコードは公開されますが、自前の会社名やメッセージに改変するには様々な周辺知識が必要です。当ブログはかなり前から、初歩からHTMLに親しむ内容を取り上げてきました。加えて基礎から理解するための解説付きサンプルコードも公開しています。

「ローマは一日にしてならず」とも言われています。こつこつ、進まれるように願っています。

学習塾のキャッチコピーの動作例

学習塾熱誠学舎からのお知らせ

2021年7月
日	月	火	水	木	金	土
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31