皆さまごきげんよう。
本日はIllustratorでシームレスパターンを作ってみようと思います。
毎度自分が忘れがちな点を、備忘録としてまとめてみました。どうぞお付き合いください。
目次
- illustratorの初期設定
- レイヤー構造
- オブジェクトを配置しパターンを編集する
- オブジェクトの書き出し
- Illustratorでありがち、謎の小数点を消す
- Illustratorで書き出したパターンに白い線が出てしまう時の対処法
Illustratorでシームレスパターンの作り方
Kritaでスピログラフを描いてみよう
photoshopでシームレスパターンの作り方
皆さまごきげんよう。
今回はphotoshopでシームレスパターンを作り、パターンファイルを書き出してみます。
どうぞお付き合いください。
目次
“photoshopでシームレスパターンの作り方” の続きを読むワードプレスの任意の要素ににp5.jsを実装する
2022.1.10 更新
皆さまごきげんよう。
本日は前回の記事、「ウェブサイトの任意の要素ににp5.jsを出力する」の実践編として、ワードプレスの任意の要素にp5.jsを表示させてみようと思います！（最初から読んでみたい方はこちら↓も合わせてご覧くださいませ）
目次
“ワードプレスの任意の要素ににp5.jsを実装する” の続きを読むウェブサイトの任意の要素ににp5.jsを出力する
2022.1.10 更新
皆さまごきげんよう。
本日は前回の続き、p5.jsで作ったスケッチを任意の要素に出力してみようと思います。
前回の記事はこちら→ウェブサイトの背景画像にp5.jsを使う方法
目次
“ウェブサイトの任意の要素ににp5.jsを出力する” の続きを読むウェブサイトの背景画像にp5.jsを使う方法
2022.1.10 更新
本日はp5.jsで作った作品をウェブサイトの背景画像にしてみたいと思います。簡単にできますのでお試し下さい。
目次
“ウェブサイトの背景画像にp5.jsを使う方法” の続きを読むwebGLに便利なdat.GUIを導入する方法
2022.1.10 更新
皆さまごきげんよう。
さて本日は、webGLで何か作ってみようと思った時に、実験をもっと簡単にするためのパラメーター調整GUI、『dat.GUI』を使ってみて、とても便利だったのでその導入方法の備忘録です。
“webGLに便利なdat.GUIを導入する方法” の続きを読むjQueryで背景画像を時間で切り替える
2022.2.12 更新
皆さまごきげんよう。
本日は前回の続きになりますので、ぜひご覧ください。
jQueryでワードプレスの背景画像を時間で切り替えを実装してみます。
今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。
目次
“jQueryで背景画像を時間で切り替える” の続きを読むjQueryで画像を書き換える
ワードプレスでシンタックスハイライトをJavaScriptで実装する方法
2022.2.12 更新
皆さまごきげんよう。
さて、うちのワードプレスはマルチサイトになっております。
そのせいか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。
以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスしていると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか。
もうプラグインに頼るのは諦めるしかない(´ω｀。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。
コンテンツをプロテクトしてくれるcss
2022.1.10 更新
皆さまごきげんよう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしたのですが、
画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark
うちのテーマと互換性が無くなってしまったのか、原因不明なのですが、このプラグインが全く効いていないことに最近気付きました((((( ；ﾟДﾟ)))
そこで今回は、一行でコンテンツをプロテクトしてくれるcssをご紹介します。
javascriptで作ったカウントダウンタイマーをワードプレスに実装する
2022.2.12 更新
Photo on Foter.com
皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちらからどうぞ↓
目次
jsファイルをワードプレスに実装する
前回作ったscriptの部分を、新たにjsファイル（◯◯.js）にしてFTPサーバの任意の場所に保存します。