HyperCardを懐かしみます。SafariかGoogleChromeでご覧になることを推奨します。
復刻スタックのサイトはこちらです。新作スタックのサイトはこちらです。
スピンオフブログ「HyqerCardって何?」はこちらです。

【雑記】SheepShaverでのHyperCardのvisual effect

 SheepShaverはPowerMacエミュレーターです。大変結構なエミュレータでして、私は重宝して使っていますが、HyperCardのvisual effectが効かなくなるという困った事象があります。私の環境(OS X10.10 SheepShaver2.4 MacOS9 HyperCard2.2)だけかとも思いましたが、ここでも同様の事象が報告されているので、私の環境固有の問題ではないようです。

 

 いろいろ試行錯誤したところ、OS9のコントロールパネルのモニタでカラー階調を「白黒」にすると、visual effectが効くようになりました。ただし、動作が不安定でよくOSごとフリーズしたりします。すべての環境での動作を保証するものではありませんが、同様の事象にお困りの方は試してみてはいかがでしょうか。

 

 ついでに、Classic環境でVisual Effectが効かなくなる話も聞きます。私の環境(iMac G5 OS X 10.5)でも発生します。この場合、hide menubarをすると半端にエフェクトがかかります。

HyperCardのボタンをCSSでそれっぽく再現

f:id:Play_Boing:20180113012801p:plain

 あまり実用性はありませんが、HyperCardのボタンをHTML/CSSでそれっぽく再現する試みです。

 

 

 Button Name  

 Style  

 Font  

 FontSize  


   Auto Hilite

 

 

 「チェックボックス」、「ラジオボタン」、「ポップアップ」はHTMLでは別要素なので割愛しました。「楕円」、「省略時設定」はやり方が思いつきません。 

 

初期値は"Round Rect"でこんな感じ

<button style="color:black;background-color:white;border-color:black;border-style:solid;border-width:1px;border-radius:6px;box-shadow:1px 1px 0px black;">New Button</button>

 

見づらいので整理すると

color: black;
background-color: white;
border-color: black;
border-style: solid;
border-width: 1px;
border-radius: 6px;
box-shadow: 1px 1px 0px black

 

CSSの各値は次のとおり

  Transparent Opaque Rectangle Round Rect Shadow Standard
color black black black black black black
background-color #00000000 white white white white white
border-color #00000000 white black black black black
border-style solid solid solid solid solid solid
border-width 1px 1px 1px 1px 1px 1px
border-radius 0px 0px 0px 6px 0px 6px
box-shadow 0px 0px 0px 0px 0px 0px 1px 1px 0px black 1px 1px 0px black 0px 0px

 

ご注意と補足

  •  Auto Hiliteはjavascriptで制御しています。
  •  フォントやサイズは任意にご指定ください。
  •  KrungthepやOsakaはMac用のフォントですので、できましたらMacでご覧ください。
  •  アイコンをつけることこんな感じになります。

公開中のスタック

 本ブログはほぼ更新を停止しており、紹介した殆どのスタックが再現紹介を終了しています。画像だけでもお楽しみ頂けるかとは思いますが、やはり動作するスタックの方が楽しめるかと思いますので現在も公開できるスタックをまとめ、アクセスしやすくしました。

 

・再現紹介できるスタックは以下のとおりです。
古田様作品 「魔女入門書」「魔女入門書2」
大串様作品 「ぐるぐる女子高生」「長崎紀行」
細馬様作品 「Kuala lumpur」「Sagan」
掌田様作品 「10行ラジコン

 

・新作スタックは以下のとおり
yodopk様作品 「ミサイル防衛システム


「ぐるぐる女子高生」と「10行ラジコン」はブログ内のデスクトップでお楽しみいただけますが、それ以外は画面サイズの関係で別ウィンドウでお楽しみください。