Rumah Media Sosial Digali ke Kod - dummies

Digali ke Kod - dummies

Isi kandungan:

Video: 【Minecraft】マイクラ実況 with animation #2 2025

Video: 【Minecraft】マイクラ実況 with animation #2 2025
Anonim

Adobe Edge Animate CC membuat penciptaan animasi yang mungkin untuk pelbagai pengguna - daripada mereka yang menganggap bekerja dengan kod merupakan cabaran kepada pemaju yang berpengalaman dan jurutera yang makan kod untuk sarapan pagi. Di satu pihak, anda benar-benar tidak memerlukan sebarang kemahiran pengekodan untuk membuat animasi profesional dengan Edge Animate; Di sisi lain, Edge Animate menyediakan

  • kod HTML5 asli, yang sangat bersih - tiada kod proprietari atau tidak perlu. Ini membantu membuat kod lebih mudah dibaca dan difahami untuk semua orang.

  • Panel kod berterusan, yang memberikan anda akses untuk menyunting kod dengan tangan.

  • JavaScript API (antara muka pengaturcaraan aplikasi), yang memberi peluang untuk mengetahui butiran di sebalik kod.

Pereka tanpa kemahiran coding boleh berehat sambil mengetahui mereka masih boleh membuat komposisi tanpa mengetahui sebarang kod sama sekali. Sementara itu, pemaju yang berpengalaman boleh memberi salam kepada Adobe kerana menyediakan akses kepada semua kod latar belakang.

Bekerja dalam HTML asli

Semasa anda bekerja di Edge Animate, perisian ini sentiasa mewujudkan kod di belakang tabir. Walaupun anda tidak semestinya perlu tahu apa-apa HTML atau JavaScript untuk membuat animasi, sekiranya anda mempunyai beberapa kemahiran pengekodan, maka anda boleh meraikan - Edge Animate mencipta kod HTML yang sangat bersih tanpa apa-apa bagasi proprietari.

Jika anda mahu masuk ke dalam kod, kemudian pertimbangkan fail HTML yang Edge Animate mencipta sebagai satu-satunya fail yang anda mungkin perlu buka. Edge Animate tidak membuat beberapa jenis fail lain, termasuk fail JavaScript, tetapi fail tersebut padat dengan kod. Sekiranya anda bukan pemaju, nasihat yang baik adalah untuk mengelakkan fail-fail tersebut.

Jika anda telah membina beberapa laman web dan tidak mahu membuat animasi anda dari awal, anda beruntung: Anda tidak perlu bermula dari awal. Ciri-ciri hebat Edge Animate ialah anda boleh mengimport fail HTML sedia ada - yang memberikan pemaju web yang berpengalaman bermula dengan Edge Animate.

HTML5 adalah perkara besar dengan pembangunan web hari ini, berserta dengan CSS3. Jika anda tertanya-tanya apa HTML5, cara terbaik untuk menerangkannya ialah ia adalah masa depan web. Jadi, dengan menggunakan Edge Animate, anda meletakkan diri anda di barisan hadapan teknologi web. Dan bahagian yang terbaik adalah, anda tidak perlu tahu cara kod untuk menggunakannya; Edge Animate mencipta kod untuk anda.

Coding dengan mudah dengan panel kod berterusan

Anda boleh menggunakan Adobe Edge Animate CC tanpa mengetahui sedikit kod. Walau bagaimanapun, jika anda seorang pemaju yang suka kod tangan, anda boleh melakukannya dengan tetingkap kod.Anda mempunyai dua pilihan apabila menggunakan tetingkap kod:

  • Anda boleh melihat kod penuh. Angka ini menunjukkan apa yang anda lihat: semua kod dalam fail tindakan untuk animasi tertentu yang sedang anda kerjakan. Pandangan ini sangat membantu; anda tidak perlu menyimpan klik antara coretan kod.

    Gunakan mod Kod Penuh untuk melihat dan mengedit fail tindakan anda. Anda boleh mengaktifkan mod ini dengan mengklik butang Kod Penuh di sudut kanan atas editor kod.

  • Anda boleh melihat kod tindakan spesifik. Apabila anda membuka tetingkap kod, anda melihat senarai tindakan di sebelah kiri. Dengan mengklik salah satu tindakan tersebut, anda boleh mengedit kod untuk tindakan itu sahaja (lihat angka).

Untuk membuka tetingkap kod, dari menu, pilih Tetingkap dan kemudian Kod seperti yang ditunjukkan.

Anda boleh menggunakan pintasan papan kekunci untuk membuka tetingkap kod dengan menekan Ctrl + E.

Menarik dalam API JavaScript

Adobe Edge Animate CC JavaScript API tersedia untuk coders tegar di luar sana. Bagi mereka yang tidak mengetahui kod JavaScript atau menulis, jangan risau; kod-slinging besar-besaran tidak perlu untuk membuat animasi. Walau bagaimanapun, jika anda ingin mengangkat hud dan mencucuk di dalam enjin, maka JavaScript API menyediakan sumber yang sangat baik.

API bermaksud antara muka pengaturcaraan aplikasi dan merupakan alat yang biasa digunakan oleh pengaturcara untuk menulis dan menyahpepijat kod. Sudah tentu, jika anda ingin mendidik diri sendiri pada bagaimana untuk kod, melihat ke dalam API kerja boleh membuat anda bermula. Walau bagaimanapun, perlu diingat bahawa API umumnya tidak memberikan maklumat tahap pemula; mereka menganggap bahawa anda sudah tahu bagaimana untuk kod.

Adobe Edge Menghidupkan API JavaScript CC memberi anda banyak untuk diterokai:

  • Adobe Edge Mengagumkan gambaran keseluruhan CC: Bahagian API ini memberi anda pengenalan umum kepada program ini.

  • Pencetus, peristiwa, dan tindakan: Ciri-ciri Edge Animate melaksanakan kod anda untuk anda (seperti gelung) atau apabila khalayak anda berinteraksi dengan bahagian animasi yang berlainan (seperti mengklik butang).

  • Alat dan petunjuk untuk membuat Simbol (animasi tertanam yang boleh diguna semula): Terutamanya berguna ialah Edge Animate Symbols, iaitu tingkah laku yang mementingkan diri sendiri, Garis masa, dan grafik.

  • JavaScript API: Ini adalah antara muka JavaScript standard, alat yang berguna dengan haknya sendiri, terutamanya apabila anda suka aspek kod-kod khusus projek animasi anda.

  • Topik lanjutan: Selepas anda mempunyai beberapa pengekodan di bawah tali pinggang anda, topik ini menawarkan beberapa petunjuk petualangan untuk meneroka (contohnya, membuat banyak komposisi dalam halaman).

Angka ini memberikan contoh apa yang boleh anda temukan dalam API.

Digali ke Kod - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...