これはコンクリーコンの救助活動です:フラッシュ後のインターネット用のデジタル詩。
ここでデモとコードを見つけることができます。
HTML5(2014)、WebGLまたはWebAssembly(2017年に発売)などのオープンスタンダードの前に、現在の人気を獲得したか、Adobe Flash PlayerはWeb上の芸術的実験の作成者のデフォルトオプションでした。
この例は、ベンジャミン・モレノによるコンクリートン(2010年)です。11のデジタル詩によって形成されたコンクリートンは、イベロ - アメリカの実験詩の最も代表的な作品のいくつかに敬意を表します。
デジタル文学のドキュメント、救助、保存作業の一環として、メキシコデジタルカルチャーセンターは、この作品をオンラインに保ち、今日まで訪れることができます。
ただし、2021年には、プラグインの20年間の耐用年数にわたって生成されたすべてのフラッシュコンテンツがエラーメッセージに置き換えられました。この補完は、2020年12月31日にフラッシュプレーヤーのサポートを終了した後、互換性がありません。
救助活動を開始するには、サイトのコピーが必要です。
サイトファイルをダウンロードするには、 wgetコマンドを使用するため、端末を開いて以下を実行します。
$ wget --recursive http://concretoons.centroculturadigital.mx/bbox.html Option --recursive 、 wget 、リンクされたすべてのファイルを含む他の.htmlドキュメントを含むすべてのリンクされたファイルとともに指定された.htmlドキュメントをダウンロードするように指示することです。
ダウンロードの最後に、 concretoons.centroculturadigital.mxというフォルダーがあります。
concretoons.centroculturadigital.mx
├── complementos
│ ├── adelante.jpg
│ ├── atras.jpg
│ ├── casa.jpg
│ ├── concretoon21.swf
│ ├── concretoon22.swf
│ ├── concretoon23a.swf
│ ├── concretoon24.swf
│ ├── concretoon25.swf
│ ├── concretoon26.swf
│ ├── concretoon27.swf
│ ├── concretoon2.swf
│ ├── concretoon34.swf
│ ├── concretoon40.swf
│ ├── concretoon42.swf
│ ├── falso.jpg
│ ├── indice.swf
│ └── info.jpg
├── aqui.html
├── bbox.html
├── borges.html
├── brossa.html
├── carrion.html
├── colofon.html
├── indice.html
├── mallarme.html
├── noigandres.html
├── nokia.html
├── paz.html
└── valium.html
1 carpeta, 29 archivosメインフォルダーにはすべて.htmlファイルがあり、 .swfフォルダーcomplementosにはナビゲーション画像、 indice.swfがあります。
完璧に、私たちはすでにサイトのコピーを持っています。
フラッシュコンテンツを視覚化および編集するためのソリューションを検索するGitHub検索には、いくつかの興味深いプロジェクトがあります。
RuffleはRust言語で記述されたフラッシュプレーヤーエミュレーターであり、そのフレーバーの1つをブラウザで実行できます。
JPEXS Free Flash Decompilerは、Javaで書かれた逆コンパイラと.swfファイルであり、Windows、Linux、およびMacOSで利用できます。
フリルは3つのフレーバーに存在します:
後者(ラッフルのコピーを.wasmモジュールとして含む)は、セルフホスト(自動アラージュ)とも呼ばれ、フラッシュコンテンツを含む.htmlファイルに含めることができ、ユーザーは何もインストールせずにコンテンツを見ることができます。
そのウェブサイトからコピーをダウンロードし、プロジェクトのメインフォルダーで作成する必要があるlibと呼ばれるサブフォルダーでコンテンツを減圧します。
最後に、 .htmlファイルの<head>要素内に次の行を追加する必要があります。
< script src =" lib/ruffle.js " > </ script >この行、ファイルごとのファイルを手動で追加することも、次のスクリプトを実行してプロジェクトのすべての.htmlファイルに追加することもできます。
for i in * .html ;
do sed -i ' s/<head>/<head>n<script src="lib/ruffle.js"></script>/ ' " $i " ;
done準備ができている、それだけです...まあ、ほとんど。
Concreteonsのコピーをローカルに視覚化することにより、 indice.swf元のサイトにあるピースにリンクし続けていることに気付くことができます(例: http://concretoons.centroculturadigital.mx/nokia.html ://concretoons.centroculturadigital.mx/nakia.html)。
indice.swfを編集します。
最初のウィンドウで、 indice.swfの内容を見ることができます。ここで、すべてのボタンが定義されているscriptsを表示します。
ボタンを表示することにより、 BUTTONCONDACTION on(release)を選択し、右ウィンドウで次のようなものが見つかります。
GetUrl "http://concretoons.centroculturadigital.mx/nokia.html" "_self"
私たちのプロジェクトでは、すべての.htmlファイルが同じフォルダーにあるため、次のようなものに置き換えることができます。
GetUrl "nokia.html" "_self"
indice.swfで定義されているすべてのオプションでこれを行う必要がありますが、これですべてです。
ローカルフォルダーからダブルクリックして.htmlファイルを開こうとすると、 file:// protocolを使用します。ブラウザは、デフォルトでは、セキュリティ上の理由でこのプロトコルを使用するときにいくつかの特性をブロックするため、これは機能しません。
プロトコルhttp://を使用して.htmlファイルを表示するには、Webサーバーを介してファイルを提供する必要があります。
nodejsがインストールされている場合は、簡単な解決策がnwsパッケージをインストールすることです。
# Con npm
npm --global install nws
# O si utilizamos yarn
yarn global add nwsインストールしたら、端末にコンクリートのフォルダーに移動し、以下を実行します。
nws .ローカルサーバーでコンクリートを見るために、ブラウザのhttps://localhost:3030/indice.htmlにアクセスできます。