Code Monkey home page Code Monkey logo

web-based-cad's Introduction

Web-Based-CAD

Oleh:

  • 13520044 -Adiyansa Prasetya W.
  • 13520049 - Aditya Prawira N.
  • 13520051 - Flavia Beatrix Leoni A. S.

Deskripsi Singkat Cara Menjalankan Program

  • Cara Menggambar Model

    Pilih salah satu model di sidebar kanan. Klik kiri pada canvas yang berbentuk kotak di tengah. Gerakkan sesuai keinginan.

  • Cara Menggeser Model dengan Mouse

    Klik tombol "Translate Drag" di sidebar kanan pada bagian "Tools". Klik kiri pada salah satu titik sudut model yang ingin digeser. Tekan terus tombol kiri mouse dan geser ke arah yang diinginkan. Lepaskan tombol jika model sudah di tempat yang diinginkan.

  • Cara Menggeser Model dengan Slider

    Klik tombol "Translate Slider" di sidebar kanan pada bagian "Tools". Klik kiri pada salah satu titik sudut model yang ingin digeser. Akan muncul slider di bawah tombol "Translate Slider". Geser slider X dan Y hingga objek di tempat yang diinginkan.

  • Cara Mengubah Panjang Garis

    Klik tombol "Move Point" di sidebar kanan pada bagian "Tools". Klik salah satu sudut garis yang ingin diubah panjangnya. Tahan klik dan gerakkan hingga didapatkan panjang yang diinginkan. Lepas tombol jika panjang sudah sesuai.

  • Cara Mengubah Ukuran Sisi Persegi

    Klik tombol "Move Point" di sidebar kanan pada bagian "Tools". Klik salah satu sudut persegi yang ingin diubah panjang sisinya. Tahan klik dan gerakkan hingga didapatkan panjang yang diinginkan. Lepas tombol jika panjang sudah sesuai.

  • Cara Mengubah Ukuran Sisi Persegi Panjang

    Klik tombol "Move Point" di sidebar kanan pada bagian "Tools". Klik salah satu sudut persegi panjang yang ingin diubah panjang sisinya. Tahan klik dan gerakkan hingga didapatkan panjang yang diinginkan. Lepas tombol jika panjang sudah sesuai.

  • Cara Mengubah Ukuran Model (Dilatasi)

    Klik tombol "Dilate" di sidebar kanan pada bagian "Tools". Klik salah satu sudut persegi panjang yang ingin diubah ukurannya. Akan muncul slider di bawah tombol "Dilate". Atur slider hingga didapatkan ukuran yang diinginkan.

  • Cara Menggerakkan Salah Satu Titik Sudut

    Klik tombol "Move Point" di sidebar kanan pada bagian "Tools". Klik salah satu titik sudut pada model yang diinginkan. Tahan klik dan gerakkan hingga didapatkan posisi yang diinginkan. Lepas tombol jika posisi sudah sesuai.

  • Cara Menambah dan Menghapus Titik Sudut Polygon

    Klik tombol "Modify Polygon Vertex" di sidebar kanan pada bagian "Tools". Akan muncul tombol "+" dan "-". Pilih tombol "+" untuk menambah titik dan tombol "-" untuk menghapus titik. Jika pengguna menambah titik, klik di sembarang tempat pada canvas. Titik baru akan muncul di tempat tersebut. Jika pengguna ingin menghapus titik, klik titik yang ingin dihapus.

  • Cara Mengubah Warna Salah Satu atau Semua Titik Sudut

    Klik tombol "Modify Polygon Vertex" di sidebar kanan pada bagian "Tools". Akan muncul tombol "+" dan "-". Pilih tombol "+" untuk menambah titik dan tombol "-" untuk menghapus titik. Jika pengguna menambah titik, klik di sembarang tempat pada canvas. Titik baru akan muncul di tempat tersebut. Jika pengguna ingin menghapus titik, klik titik yang ingin dihapus.

  • Cara Menerapkan Animasi pada Model

    Klik tombol "Animate" di sidebar kanan pada bagian "Animate". Klik salah satu model yang ingin di animasikan. Jika ingin berhenti, klik model yang ingin dihentikan.

  • Cara Save

    Masukkan nama file yang diinginkan pada kolom "Save" di sidebar. Klik tombol "Save". File akan terunduh. Untuk load, klik tombol.

  • Cara Load

    Klik tombol "Load" di sidebar kanan pada bagian "Tools". Pilih file yang ingin diload.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.