Tutorial Dasar Blender 2.8 part 6 (Text Modelling And Animation Render)

Buka blender dan hapus object cube

1.png

Tambahkan object text dengan Shift + A lalu pilih text

2.png

Masuk ke edit mode lalu edit text sesuai dengan kebutuhan

3.png

Masuk ke object mode lalu rotasi kan object 90 derajat (R + X lalu 90)

4.png

Ubah ketebalan font dengan cara menaikan niali extrude pada opsi geometri

5.png

Kalian juga bisa mengganti font style pada menu font

6.png

Beri object material

7.png

Disini saya akan menganimasikan kamera. Tambahkan object circle curve

8.png

Scale circle menjadi agak besar, karena disini saya akan menganimasikan kamera sesuai dengan jalur yang di buat.

9.png

Seleksi kamera lalu shift dan seleksi circle, lalu Ctrl + P dan pilih follow path. Sesuaikan view kamera dengan Shift + ~ . Atur sesuai dengan keinginan anda. Disini saya hanya membuat animasi dengan panjang 100 frame.

10.png

Ubah output menjadi video dan ubah juga direktori file render kalian.

11.png

Sekarang kita akan mencoba melakukan rendering animasi yang telah dibuat.

12.png

Sekarang kalian bisa lihat hasil render kalian berupa video

13.png

Selesai.

 

 

 

 

Tutorial Dasar Blender 2.8 part 5 (Chair Modelling)

Pada kesempatan ini saya akan membagikan tutorial mengenai modelling khusus nya pembuatan kursi. Langsung saja kita masuk ke pembahasannya.

Buka aplikasi Blender 2.8, pada tutorial kali ini saya akan menggunakan object cube yang sudah tersedia secara default.

1

Klik object cube lalu scale dengan sumbu z (S + Z)

2.png

Add loopcut (Ctrl + R) pada tengah object

3.png

Ubah view menjadi top lalu seleksi vertex seperti dibawah ini

4.png

Delete vertices

5.png

Tambahkan modifier mirror pada object centang x dan y, untuk memirrorkan kedua sisi.

6.png

7.png

Lalu tambahkan loopcut seperti gambar dibawah ini

8.png

Pilih Mode face, lalu seleksi face untuk membuat kaki kursi

9.png

Lalu extrude face dengan tombol E

10.png

Masuk ke Object mode lalu apply modifier mirror. Selanjutnya masuk lagi ke Edit mode dan seleksi face seperti dibawah ini untuk membuat atasan kursi.

11.png

Dan extrude face

12.png

Keluar dari edit mode dan masuk ke object mode, maka akan terlihat bahwa object kursi telah dibuat.

13.png

Selesai

Tutorial Dasar Blender 2.8 part 2 (Camera Rendering)

Ini merupakan tutorial lanjutan dari part 1. Bisa dilihat disini . Langsung saja kita bahas materi kedua yakni Camera rendering dan camera view.

  1. Buka Blender dan buat file/project baru. 1.PNG
  2. Hapus object Cube. 2
  3. Tambahkan object dengan Shift + A. Disini saya menggunakan Suzzane. 3
  4. Tambahkan Modifier Subdivision Surface dengan cara klik Modifiers pada properties lalu klik Subdivision Surface. Kalian bisa ubah nilai Render, Viewport dan Quality untuk manambah Kualitas Object. Perlu diingat bahwa jika semakin besar nilai nya maka semakin bagus object nya dan juga semakin berat juga komputer anda bekerja XD. 4
  5. Untuk memperhalus object, seleksi object lalu klik kanan dan pilih Shade Smoth. 5
  6. Tambahkan material lalu ubah warna. 6
  7. Untuk mengubah material menjadi metal, ubah nilai Metalic menjadi satu. 7
  8. Kalian juga bisa mengubah sudut pandang dengan cara klik View -> Viewport dan disana akan muncul pilihan sudut yang ingin kita gunakan. Atau bisa juga menggunakan Pie Menu dengan pencet tombol “~” pada keyboard (di samping kiri angka). 8
  9. Atau bisa juga mengubah sudut pandang dengan menggunakan shortcut dengan syarat mengaktifkan emulate numpad jika laptop kalian tidak memiliki tombol numpad dengan Klik Edit -> Preferences -> Input -> centang Emulate Numpad. 9.png 9.5
  10. Jika sudah diubah pengaturannya maka kalian bisa merubah sudut pandang kamera menggunakan 1 = depan, Ctrl + 1 = belakang, 3 = Kanan, Ctrl + 3 = Kiri, 7 = Atas dan Ctrl + 7 = Bawah. Dan dibawah ini merupakan tampilan depan. 10
  11. Dan untuk mencoba melihat view kamera saat dirender pencet 0 pada keyboard. 11
  12. Untuk mengunci kamera pencet N lalu akan muncul menu lalu klik View -> centang Lock Camera to View. 12
  13. Kalian juga bisa mengubah tampilan object di kamera dengan tombol Shift + ~. Lalu kalian bisa menyesuaikan dengan angle kamera yang kalian inginkan dengan W = maju, S = mundur, A = kiri, D = kanan, Q = bawah dan E = atas. 13
  14. Sekarang kita akan coba render dengan klik Render -> Render Image. 14
  15. Jika sudah selesai proses rendering maka image hasil rendering akan terlihat. 15
  16. Kalian bisa menyimpan image hasil render dengan klik Image -> Save / Save As -> lalu pilih direktori dan masukan nama file render kalian, dan klik Save As Image. 16 17

 

 

Tutorial Dasar Blender 2.8 part 1 (Standard Mesh)

Pada kesempatan kali ini, saya akan membagikan tutorial dasar menggunakan blender 2.8 . Langsung saja.

  1. Buka aplikasi Blender 2.8 dan akan muncul Menu seperti gambar di bawah. Pada menu di bawah ada beberapa option seperti di New File untuk membuat file baru, Open untuk membuka file yang telah dibuat dan Recent Files untuk membuka file yang sering digunakan. Klik kiri pada bagian luar maka kalian akan ke tampilan default Blender yang menampilkan sebuah Cube.1
  2. Ada beberapa hal yang wajib kalian tahu jika kalian ingin menggunakan Blender yaitu navigasi. Jika kalian tekan mouse tengah / MMB, kalian bisa memutar viewport. Dan untuk zoom-in/out kalin bisa memutar scroll wheel pada mouse kalian. Dan untuk panning kalian bisa menekan Shift + MMB. 2
  3. Klik kiri untuk seleksi object. 3
  4. Dan klik kanan untuk Object Contex Menu. 4
  5. Jika kalian ingin menghapus object, seleksi object lalu pencet X pada keyboard kalian. 5
  6. Untuk memindahkan object kalian bisa klik icon Move atau bisa pencet G. Jika kalian ingin memindahkan hanya berdasarkan satu sumbu pilih G + sumbu (X/Y/Z). 6
  7. Untuk merotasi object kalian bisa klik icon Rotate atau bisa pencet R. Jika kalian ingin merotasi hanya berdasarkan satu sumbu pilih R + sumbu (X/Y/Z). 7
  8. Untuk merubah ukuran object kalian bisa klik icon Scale atau bisa pencet S. Jika kalian ingin meng-scale hanya berdasarkan satu sumbu pilih S + sumbu (X/Y/Z). 8
  9. Jika kalian ingin menambahkan object bisa mengklik tombol Add atau Shift + A. Lalu pilih object yang ingin ditambahkan. 9
  10. Jika ingin menambahkan material ubah dulu mode viewport menjadi Look Dev agar material bisa terlihat ketika diubah. 10
  11. Untuk mengubah / menambah material klik Material pada properties lalu klik New. 11
  12. Lalu ubah warna base color menjadi warna yang kalian inginkan. 12

Membuat games text response menggunakan Construct 2

Assalamuallaikum wr.wb

Pada kesempatan kali ini saya akan membagikan tutorial construct 2 text response. Game yang saya buat ini terinspirasi dari codecombat.com dimana kalian bisa belajar mengenai bahasa pemrogramman seperti phyton dan javascript dengan media kreatif seperti game. Meskipun masih belum sempurna alias masih banyak kekurangan saya harap ilmu yang saya berikan ini bisa bermanfaat bagi kalian semua yang membaca artikel ini. Dan untuk tutorial kali ini saya tidak memaparkan secara detil, saya sarankan anda untuk mengikuti tutorial sebelumnya. Untuk  itu tidak perlu lama – lama kita langsung praktekan saja.

langkah pertama pastikan aplikasi construct 2 telah terinstal pada laptop atau pc kalian, selanjutnya buka aplikasi nya lalu buat project baru

1.PNG

Edit layout dengan memasukan background. Jika sudah masukan tiled sebagai pijakan karakter

2.PNG

Masukan text(merah) dan textBox(biru) seperti pada gambar. TextBoxt berfungsi sebagai tempat mengimput data dan text berfungsi sebagai tempat penampung data.

4

tambahkan action dan event seperti dibawah ini

5.PNG

coba play, ketik apapun pada textbox dan jika benar maka text akan berubah seperti apa yang anda ketikan pada textbox

6.PNG

jika sudah terdapat persamaan antara textbox dengan text maka sembunyikan text, karena hanya berfungsi sebagai penampung data dati textbox. Selanjutnya masukan karakter dan animasinya.  Setting collision polygon nya lalu apply sesuai animasi nya (whole animation).

7.PNG

8.PNG

lalu masukan action seperti dibawah.

9.PNG

jika sudah maka coba ketikan “Right()” maka karakter akan berjalan ke kanan layar. dan jika textbox kosong maka akan ke posisi idle. Selanjutnya buat bullet dan tambahkan event baru yang berfungsi untuk menyerang.

10

selanjutnya masukan karakter lain sebagai musuh, disini saya menggunakan karakter zombie.

11.PNG

tambahkan instance variable dengan nama Healt dan Score pada player. Healt berfungsi sebagai jumlah darah karakter dan Score berfungsi untuk jumlah point yang didapat setelah menembak musuh.

13

nah jika kalian mencoba menyerang musuh, tidak akan berpengaruh apapun. Sekarang masukan event untuk menghilangkan musuh jika terkena peluru dan event untuk mengurangi Healt player.

12

Masukan event untuk kondisi karakter ketika Healt player bernilai kosong.

15

Masukan event untuk kondisi karakter membunuh musuh / peluru menghancurkan musuh.

17

Selanjutnya masukan text untuk menampilkan jumlah healt dan score.

14.PNG

Tutorial Mekanik Pergerakan dan Animasi Karakter menggunakan Construct 2

Assalamualaikum Wr.Wb

Untuk tutorial kali ini saya hanya fokus pada mekanik pergerakan dan animasi karakter seperti Idle, Walk dan Attack. Saya sarankan untuk membuka artikel saya sebelumnya mengenai Idle Walk atau Character Movement.

Langkah pertama buat project baru


1

Pada project baru masukan sprite atau image tiles sebagai background game. Disini saya manggunakan image tiles sebagai backround.

1

Masukan Tiled Background seperti yang kalian inginkan. Kalian juga bisa menambahkan sprite yang lain untuk menambah parafernalia pada game kalian. Dan ubah height pada layout sama dengan height pada view. Disini saya ubah menjadi 480.

2.PNG

Tambahkan behaviour solid pada objek yang diberi mark warna merah dan behaviour jump-thru pada objek yang diberi mark biru

3

7

4

Selanjutnya masukan karakter dengan cara Klik kanan => insert new object => Sprite

3

Klik kanan pada animation frames => import frames => from files

8

Pilih semua image bernama “Idle” dari karakter yang telah kalian download

5.PNG

Jika frame telah termuat, selanjutnya hapus frame kosong yang berisi blank sehingga semua frame berisi animasi karakter.

6

Ubah nama animations menjadi “Idle”

7.PNG

Ubah Frame speed menjadi 10

loop

Ubah nama menjadi Robot

8

Play game untuk mengetes apakah animasi nya berjalan.

9

Selanjutnya tambahkan behaviour Platform  dan Scroll To pada karakter. Scroll To berfungsi untuk mengubah view mengikuti player.

11

10.PNG

11

Tambahkan animasi Walk dan Attack seperti cara diatas. Lalu ubah frame speed menjadi 10 dan enable loop dengan mengubah menjadi yes.

12.PNG

13.PNG

Masukan objek Keyboard agar game bisa menerima input dari keyboard

c

Sekarang kita akan mencoba memasukan event pada karakter

14

e

f

Selanjutnya masukan action pada event yang telah dibuat

15

16

17

18

Coba kalian play. Maka karakter akan bisa berjalan namun animasi Walk masih terus looping. Sekarang kita coba buat event untuk memberhentikan animasi Walk.

14

20

21.PNG

Sekarang kita akan membuat action nya untuk berhenti.

15

16

22

23.PNG

Nah jika sudah membuat event dan action seperti di atas. Copy dan paste event dan action tersebut lalu ubah right arrow menjadi left arrow.

24

Event diatas membuat karakter bisa gerak ketika ke kiri, tapi posisi karakter tidak berubah. Sekarang kita akan mencoba memperbaikinya dengan menambahkan mirror. Add action di right arrow pressed dan set mirrored => not mirrored dan sebaliknya pada action left arrow pressed.

15

25

26.PNG

27.PNG

28.PNG

Sekarang coba play untuk mengecek action move yang telah dibuat. Maka karakter akan berjalan semestinya. Selanjutnya kita akan memasukan event untuk attack.

14

30

31

Sekarang kita buat action dari event diatas

15

16

36.PNG

Sekarang masukan sprite baru dengan behaviour bullet untuk amunisi attack

32.PNG

33.PNG

Buat sprite baru untuk menjadi lawan dari karakter.

35.PNG

Selanjutnya kita akan menambah action dari event yang telah barusan dibuat.

15

34.PNG

37.PNG

38.PNG

Selanjutnya kita coba untuk membuat event menyerang musuh.

39

40

41

42

Sekarang kita akan buat action untuk menghilangkan musuh dan amunisi

46.PNG

47

42

Sekarang kita masukan action nya

48.PNG

49.PNG

50.PNG

51

Nah sekarang musuh menghilang tetapi bullet masih mengarah ke kanan. Selanjutnya kita akan memperbaiki hal tersebut.

52.PNG

Sekarang coba test

53.PNG

Sekian Tutorial kali ini. Mohon maaf bila ada kesalahan.

Wasalamuallaikum Wr.Wb

 

 

 

 

 

 

 

 

Behaviour pada game engine Construct 2

Berikut ini merupakan daftar behaviour pada game engine Construct 2 antara lain ialah:

Platform

platform

Platform berfungsi untuk membuat game bergenre platformer seperti Mario Bros, Dust: An Elysian Tale, Ori: the Blind Forest dan lainnya.

Bullet

bullet

Bullet berfungsi untuk membuat peluru pada character ketika menyerang. Contohnya ketika Megaman melakukan attack dengan mengeluarkan peluru.

Jump-thru

jump thru

Jump-thru berfungsi untuk membuat suatu pijakan dapat dipijak dan dapat ditembus dari bawah. Berbeda dengan Solid yang bisa dikatakan unbreakeble :v .

Solid

solid

Solid berfungsi untuk membuat suatu obyek dapat dipijak, sama seperti jump-thru. Namun, solid tidak dapat ditembus dari bawah.

Scroll To

scroll to

Scroll To berfungsi agar view bisa mengikuti character. Contohnya game Mario Bros yang jika character mario di gerakkan, maka view akan mengikuti character tersebut.

8 Direction

8 direction.PNG

8 direction berfungsi untuk membuat character bisa berjalan ke berbagai arah. Seperti game Android Inotia Series dan Zenonia Series.

 

MDA Framework

Berdasarkan pendapat dari berbagai ahli, dapat diketahui bahwa game adalah sebuah sistem interaktif terstruktur (didefinisikan dengan menggunakan aturan-aturan) yang melibatkan pemain untuk mencapai tujuan melalui konflik dan tantangan yang ada dan menghasilkan hasil yang tidak seimbang (menang atau kalah).

Game memiliki berbagai tipe dan genre. Salah satunya adalah serious game. Game tipe ini didesain dengan tujuan untuk mengedukasi. Melalui serius game, desainer game berharap player dapat menguasai suatu skill spesifik yang dilatih melalui game. Jenis game ini apat diaplikasikan baik untuk pembelajaran formal maupun informal. Game bertipe serious berkembang dengan cepat dewasa ini dan banyak diaplikasikan dalam berbagai bidang seperti militer, kesehatan, serta seni dan budaya.

Ada berbagai metode dalam merancang game, salah satunya adalah MDA Framework. MDA Framework adalah sebuah framework yang digunakan untuk mendesain game. MDA merupakan kependekan dari mechanics, dynamics, dan aesthetics. Berikut ini merupakan penjelasan dari ketiga komponen diatas, antara lain :

  1. Mechanics adalah komponen ”aturan” yang ada di dalam game. Komponen ini dibuat oleh desainer game dan bersifat konkrit. Komponen dalam mechanic juga mampu membuat pemain melakukan suatu aksi. Mechanics dapat berupa struktur data atau algoritma tertentu.
  2. Dynamics dapat dideskripsikan sebagai gameplay. Elemen ini merupakan hasil interaksi antara player dan mechanics dalam game. Dynamics menentukan apa yang terjadi dengan player ketika mechanics bekerja.
  3. Aesthetic merupakan respon yang terjadi pada player setelah adanya dynamics. Aesthetic merupakan komponen yang bersifat abstrak dan emosional. Setiap player akan memiliki respon berbeda terhadap game yang dimainkan. Aesthethic terbagi menjadi delapan komponen yang terdiri atas hal-hal berikut:

a. Sensation, yaitu respon terhadap indera pemain

b. Fantasy, yaitu hal-hal yang kemudian dipercaya oleh pemain

c. Narrative, yatu dramatisasi yang berkembang dari plot yang ada

d. Challenge, atau tantangan, yang mana pemain harus melakukan problem-solving

e. Fellowship, yaitu interaksi antara pemain dengan pemain lain

f. Discovery, yaitu penemuan akan hal-hal baru

g. Expression, yaitu kreativitas pemain sebagai bentuk ekspresi diri

h. Submission, yaitu penghabisan waktu, yang mana pemain dapat bersantai dan tidak berpikir keras.

Komponen aesthetics di atas dapat terjadi secara berbada terhadap setiap pemain. Oleh karena itu, agar respon yang diinginkan terjadi pada pemain, desainer game harus fokus pada aesthetic pada saat menyusun mechanics.

Sumber:

http://j-ptiik.ub.ac.id