Mô phỏng phản ứng hóa học

1. Mô phỏng phản ứng hóa học Đồ họa Và hiện thực ảo

2. Mô phỏng phản ứng hóa học • Giảng viên hướng dẫn: Th.S Lê Tấn Hùng • 20070960: Nguyễn Việt Hà • 20071946: Lê Ngọc Minh • 20072297: Lê Anh Quang

3. Mô phỏng phản ứng hóa học • Phân tích bài toán • Thiết kế hệ thống • Tìm hiểu công nghệ • Chương trình

4. Phân tích bài toán • Biểu đồ ca sử dụng • Đặc tả ca sử dụng

5. Biểu đồ ca sử dụng Phân tích bài toán

6. Thiết kế hệ thống • Sơ đồ lớp • Một số lớp quan trọng

7. Sơ đồ lớp Thiết kế hệ thống

8. Sơ đồ lớp Thiết kế hệ thống

9. Một số lớp quan trọng Thiết kế hệ thống • Lớp Main • Lớp Interaction Provider • Abstract Prototype

10. Tìm hiểu công nghệ • Adobe Illustrator • Adobe Flash • Action Script 3.0

11. Adobe Illustrator Tìm hiểu công nghệ • Hình học Vector và Raster • Ưu điểm của hình học Vector • Linh hoạt trong việc thay đổi kích thước • Dung lượng lưu trữ nhỏ • Dễ dàng chỉnh sửa các chi tiết

12. Adobe Illustrator Tìm hiểu công nghệ • Môi trường làm việc của AI 1 2 4 3 5

13. Adobe Illustrator Tìm hiểu công nghệ

14. Adobe Illustrator Tìm hiểu công nghệ

15. Adobe Flash Tìm hiểu công nghệ

16. Adobe Flash Tìm hiểu công nghệ • Các khái niệm cơ bản trong Flash • Symbol • Tween

17. Action Script 3.0 Tìm hiểu công nghệ • Action Script 3.0 là một ngôn ngữ lập trình hướng đối tượng, tương đối giống Java, JS • Bitmap public function BitmapData ( • width:int, height:int, • transparent:Boolean = true, • fillColor:uint = 0xFFFFFFFF • ) public function Bitmap ( • bitmapData:BitmapData = null, • pixelSnapping:String = "auto", • smoothing:Boolean = false • )

18. Action Script 3.0 Tìm hiểu công nghệ • Đưa một đối tượng lên Bitmap public function draw ( • source:IBitmapDrawable, • matrix:Matrix = null, • colorTransform:ColorTransform = null, • blendMode:String = null, • clipRect:Rectangle = null, • smoothing:Boolean = false • ):void

19. Action Script 3.0 Tìm hiểu công nghệ • Perlin Noise perlinNoise( • baseX:Number, • baseY:Number, • numOctaves:uint, • randomSeed:int, • stitch:Boolean, • fractalNoise:Boolean, • channelOptions:uint = 7, • grayScale:Boolean = false, • offsets:Array = null • ):void

20. Chương trình • Mẫu dụng cụ vẽ trên AI • Mô hình hóa phản ứng hóa học • Hiệu ứng cháy • Hiệu ứng nổi bọt • Hiệu ứng rơi • Tính vị trí đặt thiết bị

21. Mẫu dụng cụ trên AI Chương trình

22. Mô hình hóa các phản ứng Chương trình • Một chất gồm: • Tiền tố + Gốc • Tiền tố có thể là Kim loại hoặc Hidro • Gốc có thể là gốc Axit hoặc hidroxit • Nếu kết hợp lại ta sẽ có • Bazo (kim loại + gốc hidroxit), • axit(hidro + gốc axit), • muối (kim loại + gốc axit) • hoặc HOH (hidro+ gốc hidroxit)

23. Mô hình hóa các phản ứng Chương trình • Một chất thỏa mãn quy tắc: • số lượng phần tử tiền tố * hóa trị tiền tố = số lượng phần tử gốc * hóa trị gốc • Nguyên tắc phản ứng: • Tiền tố 1 Gốc 1 + Tiền tố 2 Gốc 2 -> Tiền tố 1 Gốc 2 + Tiền tố 2 Gốc 1 • Sản phẩm phản ứng: • Tiền tố 1 Gốc 2 và Tiền tố 2 Gốc 1 • Hiện tượng phản ứng: • Hiện tượng phản ứng dựa vào sản phẩm phản ứng.

24. Hiệu ứng cháy Chương trình • Vẽ đối tượng cần cháy vào Bitmap • Tạo Perlin Noise ở một Bitmap khác • Kết hợp lớp chứa Perlin Noise vào lớp chứa đối tượng bằng cách trừ giá trị điểm ảnh • Cho Bitmap chứa đối tượng di chuyển lên phía trên • Kết hợp Bitmap chứa đối tượng vào bảng màu của Bitmap mới với màu của lửa đã được định nghĩa trước.

25. Hiệu ứng sủi bọt Chương trình • Tạo đối tượng bọt khí là một khối tròn có độ bóng • Tạo một đối tượng chứa khối tròn với kích thước ngẫu nhiên và nổi lên với tốc độ ngẫu nhiên • Tạo một đối tượng lặp lại nhiều lần đối tượng mô tả ở bước 2.

26. Hiệu ứng rơi Chương trình

27. Hiệu ứng rơi Chương trình • Chuyển động nhanh dần đều • Chuyển động đều • Chuyển động chậm dần đều • Trường hợp rơi gần bàn

28. Tính vị trí đặt thiết bị Chương trình

29. Hình ảnh demo

30. Thank you