Canvasとは ゲームの人気・最新記事を集めました - はてな (original) (raw)
(
ウェブ
)
【
きゃんばす
】
とはHTML要素の一つ。JavaScriptを使って図形（2次元ビットマップ画像）を描くことができる。HTML5の仕様の一部。2次元ベクター画像はSVG、3次元グラフィックスはWebGL。
canvasタグに対応していないブラウザ向けのライブラリ
関連キーワード
- HTML
- JavaScript
- Ajax
- Flash
Canvas
(
ゲーム
)
【
きゃんばす
】
- F&C制作の18禁美少女ゲーム
→ Canvas 〜セピア色のモチーフ〜 - F&C制作の“Canvas 〜セピア色のモチーフ〜”以降、制作された美少女ゲームシリーズ
- Canvas2
『Canvas2 〜茜色のパレット〜』 - 赤いCanvasシリーズ
『なでしこ 〜朱色のらせん〜』 - Canvas3
『Canvas3 〜白銀のポートレート〜』 - Canvas4
『アクロウム・エチュード Canvas4』
- Canvas2
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
関連ブログ
店舗用にカーテンのような壁のようなものをと４号帆布でオーダーカーテン製作 お客様のご依頼で反巾×３ｍほどの天井から床までの長い帆布カーテンを製作。お客様と打ち合わせをしカーテンのような、壁のような不思議なものにしたい、実用的ではなくアートなイメージでなど意図をお伺いし当店の縫製側の意見や提案をしたり製作後の現場での取り付け作業のお話などシンプルながら細かなところまで、少し変わった加工をし製作しました。現状では国内帆布では４号帆布が一番厚い帆布になり、かなり厚みがあり重い生地になります。今回のカーテンも１枚で2.2kgくらいとかなり重いものになりますが部屋全体に雲形状に35ｍほどの帆布の壁となり…ネットで話題
752ブックマークまずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.netようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマした...
459ブックマーク要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
455ブックマーク追悼 安倍晋三元首相 ～国葬にあたり、広く社会で弔意を～ | クラウドファンディング - White Canvas
429ブックマークHTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
424ブックマーク今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blog
408ブックマークHTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユ...
395ブックマークHTML5 Canvas Cheat SheetCanvas element Attributes Name Type Default
375ブックマークrails3 + html5 canvasでお絵かき投稿サイトを作ろう！
369ブックマークcanvasでキラキラした背景を作る方法 - KAYAC Engineers' Blog
関連ブログ
業務でHTMLのcanvasにリアルタイムで描画する処理を書いている。 今まで使ったことがなかったのでどうもまだ慣れない。 今週はお盆休みなので、時間が取れる間に慣れておこうかと思う。 古いプロジェクトのメンテなので使っているライブラリの情報が少ないのが難点。 jCanvas | jQuery meets the HTML5 canvas 忘れないようにハマったところ drawRect, addLayerですでに追加済のlayer nameを使って描画すると既存のレイヤーは書き換わらない。(これは仕様) この時エラーにもならないが2個目の画像として別のオブジェクトとしてキャンバスに描画される。…
本日はキッズクリエイティブ研究所をご紹介します。 主催団体であるCANVASは、こどものための創造・表現の場を提供し、豊かな発想を養う土壌を整えることを目標として、様々な分野における関係者の熱意のもとに設立されたNPO法人です。以来、アーティスト、教育関係者、NPO、行政、自治体、ミュージアム関係者など、さまざまな方々と連携し、ワークショップの企画実施、セミナーの企画実施、調査研究等を進めています。 「キッズクリエイティブ研究所とは」 CANVASが企画している「キッズクリエイティブ研究所」は「かんじる･かんがえる･つくる･つたえる」がひろがる、こどものためのあそびとまなびの拠点をつくるワーク…
最近は、ネットでさまざまな登録や申し込みが完結できます。スマホで撮影した身分証明書の画像ファイルの各種番号をマスキングするのに、canvasというソフトを使ったらうまくいったといった話です。パソコンはmacです。 以下のリンク先をそのまま実行しました。分かりやすく丁寧な説明、感謝です。https://maneo-manager.com/canva-masking/ ネットで様々な手続きが可能になり、身分証明書をスマホで撮影しておいたものをパソコンに入れておいて必要な時に使っています。 先日、いつものように身分証明書をアップロードしようと思ったら、健康保険証の番号部分をマスキングした画像を提出す…
サンプルコード canvasに画像を読み込むサンプルコードです。 以下では画像を読み込み、canvasを読み込んだ画像と同じサイズに設定してcanvasに読み込んだ画像をそのまま描画しています。 <bo…
こんにちは。 今回はJavaScriptさわってみる企画10回目をやります。テーマはCanvas。CanvasとはHTML5の要素で、webページ上に線や円、文字や画像などを描画できるもののようです。 ってことでこれが使えたらかなり表現できる幅が広がりそうですね！ まずは免責。＊この記事は初心者が思うままにやってみたという内容ですので確かな情報とは言えません。無論、ここの情報によるトラブル等の一切の責任は負いかねます。 Canvasにはcontext(コンテキスト)という概念がありまして、線の太さや色など描画の元となる情報のことを言うようです。それらの情報をオブジェクトへ格納し、線を引くなどの…#JavaScript#プログラミング初心者#Canvas#ゲーム制作#ブラウザゲーム
「群制御みたいなもの」をなんか作ってみたいなーと調べていたらたどり着いた Boids アルゴリズム。 まずはアルゴリズムを理解するのに、良く書かれているコードの内容を見て、整理しながら書いてみました。 作成物 正方形領域だと移動範囲が狭いので、縦長にしました。 // Canvas 紐づけ要素 ID const BASE_ID = "canvas_base"; // 描画エリアサイズ const WIDTH = 540; const HEIGHT = 720; // アイキャッチ画像撮影用大き目 // const WIDTH = 1000; // const HEIGHT = 1000; // …
先日にボールを壁に反射させるのを作った。 コレ、ボールが反射するときに弾ませてみたら面白いかなーと思い、弾ませる方法を考えてみた。 作成物 // Canvas 紐づけ要素 ID const BASE_ID = "canvas_base"; // 描画エリアサイズ const WIDTH = 540; const HEIGHT = 480; //////////////////// // // 描画する点 // 物理法則に従って落下させる // class Point { constructor(x, y, ts) { // 初期位置およびタイムスタンプ this.x = x this.y = …
前回まではベストエフォートで常に更新処理終わったら描画の更新をかける方針でした。 そうではなく「一定のタイミングで更新」かける方式の描画についても試してみます。 ライフゲームはよく作っていて分かりやすいのでこれで。 作成物 // Canvas 紐づけ要素 ID const BASE_ID = "canvas_base"; // セル1辺サイズ (pixel) const CELL_SIZE = 6; // 区切り線の太さ (pixel) const LINE_WIDTH = 1; // 横方向および縦方向のセル個数 const H_CELL_COUNT = 80; const V_CELL_C…
やりたいこと canvasを使った文字の描画で、特定の幅で文字を折り返して表示したかった。 何も処理しないと↓みたいに文字が詰まって表示される 実装 ①文字を任意の文字数ごとに分割して配列に入れていく // 表示したいテキスト const src = "あ".repeat(30); const results = []; let tmp = ""; src.split("").map((row) => { tmp = tmp + row; // 16文字の場合に配列に入れる if (tmp.length === 16) { results.push(tmp); // 文字カウント用の変数をクリ…
ＧＭＯインターネットグループ株式会社 東証プライム上場企業 ブラウザだけでできる本格的なAI画像生成 ConoHa AI Canvas ブラウザだけでかんたんに！機能制限なく！高クオリティなAI画像を生成できるサービスです。高性能GPUと「Stable Diffusion XL」を採用しておりますので、性能にも自信あり！
とにかく食べよう あかん気持ちのときもあんねん、 そんなもんぜんぜんしゃあない や、でもがんばります 「意志」 /「will」oil on canvas ,130.3×162cm それくらいの意志that much will それぞれの事情 それぞれの動き 見えてくるエピソード 見えてないエピソード 時間差で見えてくるかもしれないエピソード 準備中の12月の展覧会は、始まってもいないのにこう言うのもおかしいはなしなのかもなとおもいながら、 着地のあんまりしない、ぬめっと、するっと、しかしひとまずとにかくこいが2024年末の、はい、 うん、あの、どうぞよろしくお願いいたしますっというような気持ち…
UXとは 1. UX (User Experience / ユーザーエクスペリエンス) 2. ISOによる定義 3. ニールセン・ノーマンによる定義 4. UXPAによる定義 5. UXのハニカム構造 6. UXの5階層モデル 7. ハッセンツァール・モデル 8. UX白書のモデル 9. ユーザビリティ (Usability) 10. UI (User Interface) 11. DX (Digital Transformation) 12. CX (Customer Experience) 13. EX (Employee Experience) UXが重視される背景 1. OMO (On…
15年間のC向けサービス開発から得た教訓 マイクロソフトによる東京への研究拠点開設 AIによる不適切な発言事例 PyTorch公式Anacondaチャンネル廃止に関するお知らせ 生成AI検索(ChatGPT Search, Perplexityなど)の現状と将来展望 AIによる競馬予想システムの開発と運用 Wi-Fi 5、6、7の速度比較テスト結果 Googleによるスパム対策の新機能開発の可能性 Salesforce大規模システム障害に関する詳細分析 障害対応の属人化からの脱却と仕組みづくり 大塚商会におけるMicrosoft 365アカウント侵害に関する緊急アナウンス TSMCによる1.6…
主に一般向け製品やサービスを提供している企業等からのリリース、お知らせを不定期に収集しています。対象企業は徐々に数を増やしていく予定です。キャンペーン情報、イベント情報等の関連する情報も掲載しています。※マシントラブル の影響により、当分の間、各社からのリリースのタイトル一覧のみ掲載します。（決算情報、メンテナンスのお知らせ等も含まれています。） ランキング参加中インターネット Hamee さりげない「ミッキーマウスアイコン」のデザインがオシャレ！USB2.0準拠（PD60W対応）の機能的なタイプCケーブルが登場！ 【韓国コスメByUR】大人気スキンケアシリーズから初のトナーが登場！11月21…
すごい胡散臭いタイトルですが本当なんです。 もう少し正確にいうと、実質2000円です。マジで。 綺麗なラスト（型）だし、日本製のほうがチャックより上説アリ あまりに安すぎて自分は2足購入。 ローカットとハイカット一足ずつ、大人買いですよ。 いま、TikTokでスニーカー診断で人気の1000日社長も、「いろいろ知ってるけどオールスターを履くなら、人気のチャックテイラーよりもメイドインジャパンに限る。型がとにかく良い。普通のやつよりスッキリした形。チャックのステッチやヒールのパッチにこだわりがなければ、ジャパンが良い。海外ではチャックテイラーよりメイドインジャパンの方が人気」と言ってたりしてそのク…
こんばんは。 藤沢店の中村です。 本日、入荷いたしました中古ボードのご紹介です！！！ お問い合わせお待ちしております！！！ ブランド アンヒンジド/Unhinged モデル グライダー/Glider 長さ(ft) 9.11ft 幅（inch） 23 inch 厚み（inch） 2 15/16 inch 重量(kg) 9.2kg Fin シングル 素材 ポリエステル 付属品 なし 価格（税込） ￥286000 【ボード説明】 ”デーンピーターソン”によるブランド”アンヒンジド”の中でもひときわ繊細なシェイプのグライダーです。十分な幅、厚みを残していますが、ノーズとテールの先端は紙が切れるほど薄く…
概要 WindowsFormアプリで使用していた画像を扱うライブラリやアプリをWPF版に移植する際、発生する問題や気を付けるべきポイントの覚え書き WPFではMVVMとEFCoreを使ってテキストデータを扱うコードしか書いてこなかったので、これから覚えていきたいです。 BitmapとBitmapImage WinformではSystem.Drawing.Bitmapであるが、WPFはSystem.Windows.Media.Imaging.BitmapImageを使う 違いについてCopilotさんによると System.Windows.Media.Imaging.BitmapImageとSy…
woodlice.hatenablog.com 本日、日本でお誕生日を迎えられるすべての皆様、お誕生日おめでとうございます。 Rosa F## 17日の日の出は6時33分、日の入りは16時51分、月の出は17時43分、月の入りは翌日18日6時43分です。しし座流星群が極大になる*1そうなので MÀXIM de la pluja de meteors dels LEÒNIDS ☄️ demà‼️📷 @parcastroprades 2024Obrim fil 👇🏽 pic.twitter.com/xeRP9um1JP — Parc Astronòmic Prades (@parcastropra…
ChatGPT Canvasでライティングとコーディングを効率化！ ChatGPTに新たな機能が登場しました！その名も「Canvas」。文章作成やコーディング作業をよりスムーズに行える革新的なインターフェースです。2024年10月3日にリリースされ、ベータ版としてChatGPT Plus、Team、Enterpriseユーザーに提供されています。 Canvasの主な特徴 Canvasは、まるでChatGPTと隣り合わせで作業しているかのような感覚で利用できます。主な特徴は以下の通りです。 別ウィンドウでChatGPTと共同作業が可能: チャット画面とは別に、専用の編集スペースが用意されています…
こんにちは！くぼです！ 「サラリーマン生活に限界を感じている」「早期リタイアしたいけど、どうすればいいのかわからない」そんなあなたにピッタリの本があります。それが『サラリーマンのFIRE戦略』です。 サラリーマンのためのFIRE戦略 この本は、サラリーマンという立場を活かしながら、効率的に資産を築き、FIRE（経済的自由と早期リタイア）を実現するための戦略を具体的に解説しています。いまからでも遅くない、あなたのFIREを実現するための第一歩を踏み出すために、この本はきっと役立つでしょう。 ### 本の概要『サラリーマンのFIRE戦略』は、会社員として働きながらも、経済的自由を手に入れて、早期リ…
概要 AIチャットツール導入の目的 LLMおよびAIチャットツールの選定 機密情報・個人情報とLLM LLMの比較表 AIチャットツールの比較表 Bedrock Claude Chat AIチャットボットの導入 Slack連携機能 まとめ 概要 近年大規模言語モデル (LLM) 技術の発達に伴い、社内でもGitHub Copilotをはじめとする各種AIツールの導入が進んでいます。 本件ではLLM技術を用いたAIチャットツールとしてAmazon Bedrockおよび Bedrock Claude Chat を導入した経緯について紹介します。
湘南(茅ヶ崎・鵠沼・辻堂)の波情報、サーフィンコラム [波日記]•5日前
2024年11月15日午前9:28の茅ヶ崎チサン。テイクオフしてから波が崩れるまでのホンの0.X秒でどれほど走れるかが勝負の波だった。 2024年11月15日の波データ 行けるなら平日に行っておきたくて おまけ：前回のミッドレングスでのサーフィン 2024年11月15日の波データ 場所 茅ヶ崎チサン（汐小前寄り） 入水時間 ９：３０～１０：１５ 人数 最大周りに１～２名ほど 実質ピーク独占 テイクオフ回数 １０回 波のサイズ ひざ▼ 風 弱めの北東風オフショア（風速2m/s程度） ボード Aviso CANVAS mini-noserider 6'12" フィン FCS FK-2 ウエット 3…
こんにちは、SWETの伊藤(@akito0107)です。 SWETが所属する品質管理部では開発プロセスや検証プロセスなどの業務をProcess Flow Diagram（PFD）を使って可視化し、 チーム全体の認識合わせや業務効率化に活用しています。 この記事ではPFDそのものやPFDを用いた業務可視化の実例を紹介します。 その後、SWETで開発しているPFDを記述するためのツール、PFD Draw Toolを紹介します。 PFD（Process Flow Diagram）とは PFDとは清水吉男氏がDFD（Data Flow Diagram）を基にして、人が行う作業に使えるようにアレンジした…
おはようございます！ キャロットバニーのひとり言へ、ようこそ！！ 今日は、チャットGPTの記事生成で使える キャンバスさん（性別AI）について、ご紹介してみます！ ブログ記事を作成してこんなことありませんか？ ①ブログ記事の文字数を少し増やしたいなぁ！ 【全体的に少しずつ追加したいとき】 ②ブログ記事の表現方法（狙った読者に合わせた表現）を調整したいなぁ！ 【小学生向け、中学生向け、高校生向けなど】 ③記事作成は苦手だけど、プロデュースは得意なんだよなぁ！ 【AIに気の利いた指示がお得意な人】 ※この記事は、この３つに当てはまった人に対して、特攻並みに刺さる内容！！（おそらく）になっています！…