ComputerGraphics

コンピュータ・グラフィックス

CG（コンピュータ・グラフィックス）は、大きく２つ、「形状記述」によるものと「手続き記述」によるものとに分類できます。
　前者は「頭で思い描いた形を、マウス等を用いて対話形式で作り上げる」というタイプのもので、ペイント系ツール、ドロー系ツール、3DCGツールなどによるCGがそれにあたります。
　一方後者は「手順(計算規則)を記述して、コンピュータに自動的に形を生成させる」というタイプのもので、これは、あまり馴染みがないかもしれませんが、例えば、Photoshopのフィルターの雲模様など、乱数によってパターンを自動生成するプロセスなどに 相当します。

• RasterGraphics : 2Dペイント系グラフィックス
• VectorGraphics : 3Dドロー系グラフィックス
• 3DCG : 3次元コンピュータグラフィックス
• GenerativeArt : 手続き記述型のCG
  • Processing
  • p5.js

• ComputerGraphics/Links
  
  
  
  

CG関連のソフトウエア

2Dペイント系（ラスター）

• Adobe Photoshop　https://ja.wikipedia.org/wiki/Adobe_Photoshop
• The GIMP　https://ja.wikipedia.org/wiki/GIMP
• SAI　https://ja.wikipedia.org/wiki/Sai　
  
  

2Dドロー系（ベクター）

• Adobe Illustrator　https://ja.wikipedia.org/wiki/Adobe_Illustrator
• Inkscape　https://ja.wikipedia.org/wiki/Inkscape
  
  

3D

• 3dsMax https://ja.wikipedia.org/wiki/3ds_Max
• Blender　https://ja.wikipedia.org/wiki/Blender
• Cinema 4D　https://ja.wikipedia.org/wiki/CINEMA_4D
• Maya　https://ja.wikipedia.org/wiki/Maya
• MODO　https://ja.wikipedia.org/wiki/Modo
• Shade　https://ja.wikipedia.org/wiki/Shade

• LightWave　https://ja.wikipedia.org/wiki/LightWave
• SoftImage　https://ja.wikipedia.org/wiki/Softimage

• MMD　https://ja.wikipedia.org/wiki/MikuMikuDance
  
  

映像編集・オーサリング

• Adobe After Effects　https://ja.wikipedia.org/wiki/Adobe_After_Effects
• Adobe Flash　https://ja.wikipedia.org/wiki/Adobe_Flash
• Adobe Premiere　https://ja.wikipedia.org/wiki/Adobe_Premiere
• Apple FinalCut　https://ja.wikipedia.org/wiki/Final_Cut_Pro
• Jahshaka　https://ja.wikipedia.org/wiki/Jahshaka
• Lightworks　https://www.lwks.com/　Freeware
• YouTube STUDIO　https://studio.youtube.com/
  
  

プログラミング開発環境

• Eclipse (統合開発環境)　Google:Eclipse 開発環境
• Unity(ゲーム開発環境)　Google:Unity
• Unreal Engine(ゲーム開発環境)　Google:Unreal Engine
  
  

プログラミング言語

• C言語　https://ja.wikipedia.org/wiki/C%E8%A8%80%E8%AA%9E
• C#　https://ja.wikipedia.org/wiki/C_Sharp
• JAVA　https://ja.wikipedia.org/wiki/Java
• JavaScript　https://ja.wikipedia.org/wiki/JavaScript
• Processing　https://ja.wikipedia.org/wiki/Processing
• Python　https://ja.wikipedia.org/wiki/Python

• OpenGL（ライブラリ）https://ja.wikipedia.org/wiki/OpenGL
  
  
  
  

様々なファイルフォーマット

以下に掲載するのは、よく用いられる データファイルの形式です。
拡張子（末尾の ３文字）も含めて、それぞれの違いを確認して下さい。
太字はWebブラウザが対応しており、HTMLタグで配置可能です。

Raster Graphics file format

• JPEG [.jpg] (Joint Photographic Experts Group)
• PNG [.png] (Portable Network Graphics)
• WebP[.webp] Googleによる次世代画像フォーマット
• GIF [.gif] (Compuserve Graphics Interchange Format)
• TIFF [.tif] (Tagged-Image File Format)
• PS/EPS [.eps] (PostScript) *
• PDF [.pdf] (Portable Document Format) *
• RAW [.raw] *1 メーカーによって拡張子が異なります
  • Canon：cr2・cr3.
  • Nikon：nrf.
  • Sony：arw・sr2.
  • オリンパス：orf.
  • パナソニック：rw2.
  • 富士フィルム：raf.
• PPM [.ppm] (Portable PixMap)
• PSD [.psd] (Adobe Photoshop)
• BMP [.bmp .dib] (Windows Bitmap)
  
  

Vector Graphics file format

• SVG [.svg] (Scalable Vector Graphics : XML)
• EPS [.eps] (Encapsulated PostScript) *
• PDF [.pdf] (Portable Document Format) *
• AI [.ai] (Adobe Illustrator)
  [*]マークのものにはベクター・ラスターが共存します。
  
  

3D model data format

• 3DS [.3ds] (3D Studio MAX)
• Blender [.blend] (Blender)
• DXF [.dxf] (AutoCad)
• LWO [.lwo] (Lightwave)
• VRML [.wrl] (VRML)
• OBJ [.obj] (wavefrontOBJ)
• X3D [.x3d] (X3D)
• XSI [.xsi]　Softimage
  
  

補足

WindowsPCの場合、購入し たままの状態だと [.jpg] などの汎用の拡張子は表示されません。これは素人が名前の変更の際に、あやまって拡張子まで変えてしまうことを防止するための配慮ですが、皆さんは素人ではありませんので、以下の操作をして、必ず拡張子が表示されるようにしてから仕事をして下さい。

①何らかのフォルダを開く
②メニュー＞ツール＞フォルダオプション＞表示タブを開く
③「登録されている拡張子は表示しない」のチェックをはずす（つまり「表示する」設定に変更）
これで、写真のデータファイルなどには [.jpg] などの拡張子が表示されます。