CSS Art CSS Art – How to Make a Space Shuttle – Rocket Yes, you can create a space shuttle rocket with CSS. Join us in this two part step-by-step article series to find out how.
Members only CSS Art CSS Art – How to Make Advanced Shapes with clip-path Make any shape you can imagine with CSS clip-path. In this article let’s make stars, triangles, circles and even letters step-by-step.
Members only Scratch スクラッチプログラミング - やじるしキーでうごかすよこスクロール アクションゲーム(プラットフォーマー)などにつかわれる、よこスクロールする背景(はいけい)のつくりかたをしょうかいします。プログラムのポイントとなるブロックは、「クローン」「変数(へんすう)」「演算(えんざん)」です。
CSS Art CSS Art – How to Make Image Masks and Knockout Text Ever wondered how colorful CSS gradients can be combined with mask and text. Step-by-step article to create CSS mask and knockout text.
Scratch スクラッチプログラミング - 上下左右にスクロール！はいけいをうごかそう プレイヤーのうごきにあわせて画面(がめん)をうごかすプログラムをつくります。つかうはいけいはひとつだけの、かんたんなスクロールです。ゲームづくりに応用(おうよう)してみてくださいね。
CSS Art CSS Art – How to Make a Sunset Scene In this step-by-step article, we’ll combine CSS linear, radial, conic gradient and mask image to make a sunset scene.
CSS Art CSS Art – How to Make Gradients Gradients are powerful tools for your CSS art tool belt. We’ll learn about linear, radial and conic gradients. Then let’s make repeating patterns.
Scratch スクラッチプログラミング - セリフを一文字ずつひょうじしよう スプライトがいうセリフの文字を、キーボードで入力(にゅうりょく)されているかのように、ひとつずつ表示(ひょうじ)する方法(ほうほう)をしょうかいします。「ブロック定義(ていぎ)」と「変数(へんすう)」をつかってプログラミングします。
Scratch スクラッチプログラミング - レースゲームのつくりかた 車のスピードをリアルにかんじられるカーレースゲームをつくってみましょう。変数(へんすう)をつかってプログラミングすることで、3Dのような遠近感(えんきんかん)を出す方法(ほうほう)をしょうかいします。
CSS Art CSS Art – How to Make Shadows and Angles We will learn how to implement HTML and text shadows in CSS. Then we’ll explore how to make right, obtuse and acute angles in this article.
Scratch スクラッチプログラミング - プラットフォーマーのつくりかた【上へすすむ】 上へすすむとステージがかわるプラットフォームゲームをつくりましょう。スプライトを左右にうごかしたり、障害物(しょうがいぶつ)にぶつかってジャンプがとまるようにするプログラムを、ブロックていぎをつかってつくります。
CSS Art CSS Art – How to Make a Turntable In this article you will learn how to use Hex colors and CSS pseudo-elements. Then we’ll make a simple turntable step-by-step.
Scratch スクラッチプログラミング - プラットフォーマーのつくりかた【ヒットボックス】 ヒットボックスとは、あたりはんていにつかうための四角(しかく)のことです。スプライトのはじっこだけがプラットフォームにふれてしまうのをふせぐために、ヒットボックスをつかってみましょう。
CSS Art CSS Art – How to Make and Manipulate Basic CSS Shapes We’ll learn how to make basic CSS shapes such as circle, squares and triangles. Then let’s rotate, scale, skew and move them around the screen.
Scratch スクラッチプログラミング - プラットフォーマーのつくりかた【じゅうりょくジャンプ】 プラットフォームゲームのジャンプをくふうしてみましょう。スプライトが着地(ちゃくち)するときに、地面(じめん)にしずんでしまうことがあります。それをふせぐプログラムをつくっていきますよ。
Members only CSS Art CSS Art – How to Make a Simple House Let’s make a simple house using CSS and HTML. We'll break down the house into basic shapes. Step by step guide, showing you how to make CSS Art.
Scratch スクラッチプログラミング - マウストレイルのつくりかた 「マウストレイル」は、マウスをうごかした「あと」のことです。ほしのスプライトでマウストレイルをつくると、ながれぼしのように見せることができます。いろいろな見た目のトレイル(あと)をプログラミングしてみましょう。
CSS Art Setting up tools for CSS Art In this article, we will set up an offline text editor and local development environment. Then we’ll show you how to set up an account to use an online IDE.
CSS Art Tools for creating CSS Art In this article, we will discuss what tools you will need to make CSS art.
CSS Art HTML and CSS primer for CSS Art In this article we will give you an overview of CSS and HTML, the technologies required to create CSS art.
CSS Art What is CSS Art? In this article, we’ll discuss what CSS art is. Give you an overview of its underlying technology, Cascading Style Sheets (CSS).
日本語 Welcome 2022! (English follows Japanese) Pyxofy (ピクソファイ)の立ち上げから、早一年。2021年は主に、プログラミングソフトScratchの使い方やプロジェクトの作り方を紹介してきました。いつもご覧いただき、ありがとうございます。 2022年、Pyxofyはさらなるパワーアップを目指します！ 新コンテンツ CSSを使った簡単なイラストの作り方を、初心者向けにご紹介。 * CSSアート（イラスト・スケッチ） * CSSアニメーション メンバー限定コンテンツ Pyxofyメンバーの方のみがご覧いただけるコンテンツです。是非、Pyxofyメンバーへご登録 [https://www.pyxofy.com/welcome-2022/#/portal/signup]を！ * Scratch - ebook 2021年のScratch記事をebookとしてまとめます。Pyxofyメンバーは無料でダウンロードできます。 * Scratch - より本格的なゲームやアニメーション 基本的なScratchの知識を組み合わせレベルアップし
Scratch スクラッチプログラミング - ケーキメーカーのつくりかた ケーキメーカーは、じぶんでオリジナルのケーキをつくれるプロジェクトです。ボタンをおしてケーキのパーツをえらびます。メッセージをおくってコスチュームをかえるだけなので、プログラムはシンプルでかんたんですよ！
Scratch スクラッチプログラミング - ドライブゲームのつくりかた やじるしキーで車をそうさするドライブゲームをつくってみましょう。画面(がめん)をスクロールさせて車をはしらせますよ。リストをつかって座標(ざひょう)をランダムにえらぶ方法(ほうほう)もしょうかいします。
Scratch スクラッチプログラミング - カードシャッフルゲームのつくりかた ごちゃまぜになったたくさんのカードの中から、アタリをさがすゲームをつくってみましょう。「メッセージをおくってまつ」ブロックと変数(へんすう)で、カードをめくるタイミングをきめますよ。
