クリスマスなのでブラウザに雪を降らすJSコードを生成AIで生成.

2024.12.25

Logging

おはようございます．クリスマスなのでブラウザに雪を降らすJSコードを生成AIで生成.今年も彼女がいないクリスマスを過ごしました.彼女になってくれる人お待ちしております、この姿勢が彼女が出来ない要素なんだということも分かっていますが.

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>雪</title>
    <style>
        #snowContainer {
            position: absolute;
            /* 親要素に対する絶対配置 */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            /* 雪が画面外に出ないようにする */
            pointer-events: none;
            /* 雪がマウスイベントを邪魔しないようにする */
            z-index: 9999;
            /* 他の要素より前面に表示 */
        }

        .snowflake {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: white;
            border-radius: 50%;
            /* 丸くする */
            opacity: 0.7;
            /* 少し透明にする */
            animation: snowfall linear infinite;
            /* アニメーションを指定 */
        }

        @keyframes snowfall {
            0% {
                transform: translateY(-10px);
            }

            /* 開始位置 */
            100% {
                transform: translateY(100vh);
            }

            /* 終了位置（画面下部） */
        }
        html{
            background-color: black;
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="snowContainer"></div>
    <script>
        const snowContainer = document.getElementById('snowContainer');
        const numSnowflakes = 50; // 雪片の数

        for (let i = 0; i < numSnowflakes; i++) {
            const snowflake = document.createElement('div');
            snowflake.classList.add('snowflake');
            snowflake.style.left = `${Math.random() * 100}vw`; // 横方向のランダムな位置
            snowflake.style.animationDuration = `${Math.random() * 3 + 2}s`; // アニメーション速度をランダムに
            snowflake.style.animationDelay = `${Math.random()}s`; // アニメーション開始時間をランダムに
            snowflake.style.fontSize = `${Math.random() * 10 + 5}px`;
            snowContainer.appendChild(snowflake);
        }
    </script>
</body>
</html>

そんな自分でも好きですという奇特な人はいないものかな…(受け身（笑）

そんな自分が生成AIに雪を降らすJSコードを頼んだところ、俊足の解を出してくれました.なんて時代なんだと思いながら出力されたコードをhtmlファイルにペーストしてhtml背景を黒にしてあとは一応、確認.

最後に雪が降っているデモサイトを貼っときます.

https://zip358.com/tool/snow

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年12月25 06:00日

タグ

```, アニメーション, アニメーション速度, クリスマス, マウスイベント, ランダム, 俊足, 前面, 奇, 姿勢, 最後, 生成, 生成今年, 画面下部, 背景, 要素, 親要素, 解, 配置, 雪片,

Blenderを使用してみてまだまだですが無料で。

2023.05.06

Logging

おはようございます。Blenderを使用してみてまだまだですが無料で何とかなるかもしれないなって思っています。たぶん、使いこなせるまで一年ぐらいはかかるかもですけど、恐らくAI（イラレ）レベルのデザインは作れそうな予感がします。

なので、Illustratorの一年契約は来年には辞めれるかもです、でもどうかなぁアドビの人工知能機能も触ってみたい気もします。どちらにせよ、来週末から本格的に触っていきます。今回、テキストにもモフモフ感のあるデザインにしたかったのですが、全然思い通りの仕上がりが出来ないので、Blenderマスターまでは道は険しいですね。そして、何よりブレンダーは、Webサイトで動かす事が出来たりアニメーションが作れたりしますから良いです。

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2023年05月06 06:00日

タグ

AI, Blender, Blenderマスター, illustrator, WEBサイト, アドビ, アニメーション, イラレ, テキスト, デザイン, ブレンダー, モフモフ感, 一年契約, 予感, 人工知能機能, 来年, 来週末, 気, 無料, 道,

竜とそばかすの姫のロケ地は高知県だよね。

2021.06.10

Logging

竜とそばかすの姫のロケ地は高知県だよね。「竜とそばかすの姫」とはアニメーション映画監督・細田守が辿り着いた渾身の最新作、2021年、7月16日（金）公開！映画ですが、予告で描かれている場所、四万十の方にはいけないので、もう一つのロケ地、高知県高知市のある場所を写真に収めに行きました。この映画がヒットすれば自分のブログもアクセス数が上がるのではないかとかという下心てきな事は一切考えないです・・・よ?嘘、、、凄く考えております。

『竜とそばかすの姫』予告１【2021年7月16日（金）公開】

細田守監督の映画は全部観ているので観に行くと思います、もしくはブルーレイディスクとかになるかもしれませんが・・・。

でっ今回、撮影したスポットは県庁の近くにある、とある場所です。予告再生後3秒ぐらいに表示される場所です。

竜とそばかすの姫のあの風景

建物とかを見れば場所は高知県人ならすぐに分かるかと思います。ちなみに県庁近くのベンチャー企業が集まる建物には何度か入ったことがあります。

話戻しまして、「竜とそばかすの姫」は何故、過去の作品のオマージュなのかが知りたいです。特に似ているのが代表作品と言っても良い「サマーウォーズ」に凄く似ています。「サマーウォーズ」を超えるため「竜とそばかすの姫」作品を作ったと思います、そして今回はなんだか公開前からかなりネットなどで宣伝されており、細田守監督さんの並々ならぬ熱量を感じます。

そしてヒットすれば高知に巡礼する人がいるだろうなって思って今からワクワクしています?。

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2021年06月10 04:13日

タグ

-t, （金）, 16, 2021, ３, 6, 7, 8, com, HM, https, OvWpo, watch, www, youtube, アクセス, アニメーション, スポット, そばかす, ディスク, ヒット, ブルーレイ, ブログ, もう一つ, ロケ地, 下心, 予告, 事, 今回, 公開, 再生, 写真, 嘘, 四万十, 場所, 姫, 建物, 撮影, 方, 映画, 最新作, 渾身, 監督, 県庁, 竜, 細田守, 自分, 表示, 観, 近く, 高知市, 高知県,

海外ゲームABZUがとても優しさのある映像（綺麗）だと（PS4）。

2016.08.01

Logging


海外ゲームABZUがとても優しさのある映像（綺麗）だと（PS4）
ゲームの紹介を見ておもいました。
CG（コンピューターグラフィック）とanimation（アニメーション）が融合された
映像がとても優しさのある映像だなと、そしてそこに
ダイビングと言うゲーム要素があるのですが、
これは暑い夏に最適なゲームかなと思います。
クーラーの効いた室内でABZUをプレイしてみたいですね。
VRでプレイすると間違いなく別世界に行った感覚を
味わえるのではないかと思います。
泳ぎの苦手な自分でも
魚や鯨などとたわ群れることが
出来そうなそんなゲームかなと・・・思った次第です。

ABZÛ E3 Trailer

 

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2016年08月01 06:00日

タグ

animation, Cg, PS4, Vr, アニメーション, クーラー, ゲーム要素, コンピューター, ダイビング, 別世界, 室内, 感覚, 映像, 昨日, 暑い夏, 次第, 泳ぎ, 海外ゲームABZU, 紹介, 紹介ゲーム, 鯨,

映画、シン・ゴジラを観に行きましたので #映画レビュー #シン・ゴジラ

2016.07.31

Logging


映画、シン・ゴジラを観に行きましたので映画の感想なんかを残しときます。
今日、１日遅れで映画、新ゴジラを観に行ったのです。
Twitterなどの反響もあって結構、凄いことになっている事が
事前にわかってたりしてます。そして最終的落ちもググッて見てしまった
状態でしたが、ストーリーの全体像が見えてこないので
観に行くことにしました。
ここからはネタバレなしでシン・ゴジラを映画感想を
記載していきます。
この頃、庵野監督はアニメ映画より実写映画を作ることが
多くなってきている気がします。正直な所、自分は予告をみて
それ程、観に行きたいとは思わなかった方です。
逆に転けそうな映画だなと感じた次第です。
そんな中、「本当に凄いのか？」ということで
映画を観に行ってきました・・・・。
肝心の感想は良い意味でも悪い意味でも
「庵野節炸裂してます！」って作品になっています。
そして日本的なゴジラの倒し方をリアルに描いているように感じました。
自分としては、甲乙つけ難い作品ですが、監督が何を言わんとしているかは分かります。
人によってB級作品にもA級作品にも成りうる作品だなと思います。
予告を見て観に行きたいなと感じる人は観に行ったほうが良いかな？
映画のターゲットは、初期のエヴァンゲリオンとともに歩んできた
30代?40代の層がターゲットだと感じました。
まとめるとTwitterの情報通り「凄いことになっている」のが
今回のシン・ゴジラです。タイトル通り、新ゴジラかと・・・。
追記：
庵野監督はやっぱりアニメーションで表現したほうが
自分は好きですね・・・。

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2016年07月31 11:20日

タグ

3.33 YOU CAN, A級作品, B00BHO70L0, B級作品, Q EVANGELION, アニメーション, エヴァンゲリオン, オリジナル・サウンドトラック付き, ググッ, シン・ゴジラ, ターゲット, ヱヴァンゲリヲン新劇場版, 予告, 大事, 始末, 庵野監督, 庵野節, 新ゴジラ, 甲乙つけ難い作品,

アニメ映画、「父を探して」おそらく高知県では上映されないであろう。

2016.01.29

Logging


アニメ映画、「父を探して」おそらく高知県では上映されないであろう。
この映画、セリフ一切なし。
音楽とカラフルなアニメーションでつくられている。
自分としては観てみたい映画の一本です。
色彩豊かな人っていうのは、本当に凄いなと
思います。どうしても自分が何か作ったりすると
ちょっと暗めなイメージになってしまうので
こういう映像をみると凄いなと思うですね。
映画の上映は3月からだそうです。
ブルーレイで発売されたら
購入してみるつもりでいます。

「父を探して」予告編

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2016年01月29 07:53日

タグ

3月, アニメーション, アニメ映画, イメージ, セリフ, ブルーレイ, 一本, 上映, 人, 映像, 父, 色彩, 音楽, 高知県,