Recent Posts

How To Embed CodePen in Your Website.

I tried CodePen belatedly.

GOAL

To embed CodePen viewer in my WordPress web site as below.

What is CodePen?

CodePen is a web service to build, test, share and discover front-end code such as html, css and JavaScript.

CodePen is a social development environment for front-end designers and developers. 

from CodePen

Start Coding

In my case, I’ve signed up at first, but you can just start coding by clicking “Start Coding” button.

Embed CodePen

Click “Embed” button at the lower bottom of the page after coding.

Select the style of editor and change the size of the window. you can use anything you like. I chose “HTML (recommended)” and copy the code.

Paste the copied code in the Custom HTML block as below.

See the Pen watching by HanakoSonobe (@s-nako) on CodePen.

How to delete unnecessary materials in Blender.

GOAL

To delete unnecessary materials in Blender.

Environment

  • Windows 10
  • Blender 2.80

Method

In this scene there are 3 materials that has 3 colors, red, green and blue. The red material and green material are set to objects.

The blue material is not used now, but how to delete unnecessary material, the blue one?

Method 1. Find the material from “Blender File” and delete it.

Change the Display Mode of the Outliner into “Blender File”.

Open Material tab and right-click the material to delete.

Method 2. delete materials in “Orphan Data”.

Change the Display Mode of the Outliner into “Orphan Data”. The items displayed in the display mode “Orphan Data” are items that are not used or connected to any other items.

Open Material tab and right-click the material to delete.

Method 3. Reload the blender file.

Save the file and reopen it. All orphan data are automatically deleted when the file is reloaded.

[Tips]Use monochrome images as alpha map in Blender.

GOAL

To use monochrome images as alpha map in Blender, for example hair or eyelash.

hair texture for base color
hair texture for alpha map
rendered result

Method

Create new material for hair object. Select Principled BSDF as surface.

Set Image Texture to Base Color socket.

Open hair texture for base color.

Set Image Texture to Alpha socket.

Open hair texture for alpha map.

This procedure is insufficient because the alpha channel of the image is used for alpha map. Open Node Editor and reconnect nodes.

Use Color socket of the image.

Categories

AfterEffects Algorithm Artificial Intelligence Blender C++ Computer Graphics Computer Science Daily Life DataAnalytics Event Game ImageProcessing JavaScript Kotlin mathematics Maya PHP Python SoftwareEngineering Tips Today's paper Tools TroubleShooting Unity Visual Sudio Web Windows WordPress 未分類