タグ

canvasに関するchikamukaiのブックマーク (5)

  • CyberAgent Technical Creator Hub

    “テクニカルクリエイター” それは一人多才なクリエイター。 彼らが創り出す、 新しい時代のクリエイティブに迫る。 Scroll Down

  • 他と差がついた!最近のトレンドをおさえた一歩進んだエフェクトまとめ

    作成:2015/04/27 更新:2016/06/29 Webデザイン > 今回は光の屈折や歪み・パーティクルなエフェクトをブラウザ上で表現可能にするチュートリアルをまとめました。ありきたりな見せ方をやめて、表現の幅を広げたいと感じたときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 透過や光に関する効果 1.プリズムエフェクト 2.パーティクルエフェクト 3.ジニーエフェクト 4.ブラーエフェクト(ドラッグ可能) 5.スクロールで背景がフェードする ニューメリック 6.ニューメリック スライダー 7.テキストフィールドを数値のみに限定する マテリアル アニメーション 8.波紋状に広がる効果 9.タブ選択後、オーバーレイさせる 10.デイトピッカー その他 11.フリック カルーセル 12.画像クリックで全幅スライダー表示 13.様々な幾何学模様の作り方

    他と差がついた!最近のトレンドをおさえた一歩進んだエフェクトまとめ
  • JTB女子旅 マイトリ Find My Trip!

    平素は格別なご高配を賜り、 厚く御礼申し上げます。 誠に勝手ながら、 「マイトリ〜Find My Trip!」サイトは 2021年3月31日をもちまして閉鎖いたしました。 これまでご利用いただきました皆さまには、 心より御礼申し上げます。 なお、今後のJTBが発信する旅行情報は 「JTBホームページ」をご活用ください。 10秒後に「JTBホームページ」に移動します。 10秒経っても移動しない場合は、 下記リンク先をクリックしてください。 https://www.jtb.co.jp/ <グループサイトのご紹介> るるぶ&more るるぶ&more.は「るるぶ」を〈もっと〉多くの人に、 「るるぶ」を〈もっと〉身近に!という思いを込めて、 毎日のおでかけをサポートする、女性向けおでかけメディアです。 取材に基づいた、信頼性のある情報のみを 配信しています。 https://rurubu.jp/a

  • Paper.js

    Source

  • HTML5 Canvasで動かせる3次ベジェ曲線を描く

    HTML5 のキャンバスでは bezierCurveTo メソッドを使ってベジェ曲線を描くことができます。 今回はこれを使って、Illustratorなどのベクトルソフトぽく、制御点を動かして、曲線を変形させられるようにしてみます。 サンプル 先に動作サンプルからどうぞ。Firefox, Chromeで動作確認済み。 (このサイト、HTML5じゃないんですが、まぁ気にしないでください 笑) けっこうグリグリ動かせていい感じですね! 解説 そんなにむずかしいことはありませんが、簡単にするためにベジェ曲線はBezierCurveクラスにまとめています。 コンストラクタで初期化したあとは、メインループからhitTestメソッドとdrawメソッドを呼び出しています。 ソースコード JavaScript ソースコードの全文です。こちらからダウンロードすることもできます。 function Bezie

    HTML5 Canvasで動かせる3次ベジェ曲線を描く
  • 1