## 绘制事件
**绘制事件**管理游戏运行时你在屏幕上看到的内容,它分为多种独立事件来满足你游戏绘图的不同需求。 下图说明了每个事件的执行顺序:
:-: ![物体编辑器绘制图标](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/2_interface/1_editors/events/images/editor_events_draworder.png)
普通**绘制**事件有 3 种子事件类型:**绘制开始**、标准**绘制**和**绘制结束**事件。通常,你只需要使用基础**绘制**事件,需要注意的是,所有房间中的实例,在游戏中每步都会触发这个事件。所以,*只要勾选这个实例**可见**复选框,这个事件就会一直被调用。*即使你没有在物体属性中为这个事件定义任何内容(例如:无代码,无动作),只要这个物体被指定了精灵,它就*依然*会触发绘制事件。这是因为*GameMaker Studio 2*在处理绘制事件时有两种绘制方式:
* **默认绘制**,当你在一个物体中定义了精灵,但没有在**绘制**事件中放置任何动作或代码时,*GameMaker Studio 2*会绘制此精灵。请注意,只要绘制事件为空,你在其他事件中执行的例如更改图像比例,索引,混合等的任何变换都将被反映出来。
* **自定义绘制**,这是在绘制事件中放置代码或操作的时候。这告诉*GameMaker Studio 2*“我想自定义你为这个物体实例所绘制的内容”,并且这完全不同于默认绘制。 这意味着,例如,你可以拥有一个分配了精灵的物体,然后将绘制事件设置为绘制文本,但它不会绘制精灵,因为你没有告诉*GameMaker Studio 2*将其与文本一起绘制。
其余的绘制事件将在下面列出的部分中进行说明:
### 开始绘制与结束绘制
除了主要的**绘制**子事件外,你还有一个**开始绘制**和**绘制结束**子事件。这些动作与标准**绘制**子事件完全相同(即:它们将绘制游戏的每一步和所有视图中的任何内容),但如果没有添加到物体,它们不会 “默认绘制” 任何内容,它们将始终在标准**绘制**子事件之前 / 之后运行。因此,你将拥有所有实例的**开始绘制(Draw Begin)**步骤,然后是所有实例的**绘制(Draw)**,最后是所有实例的**绘制结束(Draw End)**步骤。
通过这种方式,你可以在一个实例的开始绘制步骤中绘制内容或设置绘图属性,并确保具有标准绘制事件或绘制结束事件的所有实例都将使用这些属性或绘制第一个实例绘制的内容。本质上来说它能确保你能在特定时间绘制特定东西,就像步开始(Begin Step)和步结束(End Step)事件一样。
在*GameMaker Studio 2*中绘制内容时,有几件事需要注意,无论是绘图的精灵还是着色器,还是 3D:
* 绘制事件是一个非常密集的事件,因为它是占用大部分时间和资源的事件之一......为此,除了绘图之外,在绘制事件中做任何事情都不是一个好主意。因此,在步事件或计时器或任何其他适合的事件保存大型代码或复杂操作,保留绘制事件用于绘图是很清晰的,因为它是最适合的。
* 如果你的物体将可见(visible)参数设置为否(off,以便不绘制物体的实例),则会跳过所有绘制事件(**窗口大小调整**事件除外)。这意味着使实例不可见将*阻止放置在这些事件中的代码运行*,因此如果它们不可见,则不要将基本代码放在绘制事件中。
* 你绘制的内容与你选择的碰撞引擎(传统或物理)无关,因为它是由物体属性和给定物体的精灵(或遮罩)定义的。
### 绘制 GUI
**绘制 GUI(Draw GUI)**子事件类型属于**绘制事件**类别,专门用于绘制不受视图比例或旋转影响的 GUI(图形用户界面)元素。这意味着你可以让实例绘制 HUD 的所有元素,而不必将元素的所有定位基于房间内的实例位置或当前视图的位置。
在这些事件中绘图时,重要的是要了解即使视图处于活动状态时绘制坐标也不会改变,并且 (0,0)*始终*是应用程序表面或所展示的东西(例如一个精灵)的左上角(请参阅本节的底部),应用程序表面的默认宽度和高度是 1:1。深度排序仍然保持在不同层上的不同实例之间(因此较低层上的实例将在较高层之后绘制)并且也在事件本身内,因为**开始绘制 GUI(Draw GUI Begin)**子事件将首先为所有实例绘制,然后标准的**绘制 GUI(Draw GUI)**将为其绘制所有实例,最后触发**绘制 GUI 结束(Draw Gui End)**子事件。
通过这种方式,你可以在一个实例中在**开始绘制 GUI**中绘制内容或设置绘图属性,并确保具有标准**绘制 GUI**或**绘制 GUI 结束**子事件的所有实例都将使用这些属性或绘制第一个实例具有的内容画。基本上它是确保在特定时间绘制某些东西的确定方法,就像**步开始**和**步结束**子事件一样。
这些事件也可以与普通的**绘制**子事件一起使用(它将受到视图位置、比例和正常旋转的影响)。如果你没有**绘制事件**,但你确实有**绘制 GUI 事件**,那么*GameMaker Studio 2*仍会默认为实例绘制精灵(如果它有一个)。
与其他绘制子事件相关,**绘制 GUI**事件将始终绘制在正常绘制事件中绘制的任何内容。因此,如果你在较低层上有一个带有**绘制 GUI**事件的实例,它将使用常规绘制事件绘制更高层上的实例。如果两个实例都具有**绘制 GUI**子事件,则将遵循图层顺序。
> **注意**:默认情况下,此事件将使用应用程序表面大小绘制 1:1,通常是房间大小或视口。这意味着当你在[游戏选项](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/2_interface/3_settings/game_options/index.html)中进行**宽高比校正**时,GUI 不会被绘制在游戏 “宽银幕” 的黑框上。可以使用[display\_set\_gui\_maximise](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/3_scripting/4_gml_reference/cameras%20and%20display/display/display_set_gui_maximise.html)函数关闭此行为,还可以将 GUI 事件锁定为特定大小,然后使用函数[display\_set\_gui\_size](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/3_scripting/4_gml_reference/cameras%20and%20display/display/display_set_gui_size.html)自动缩放以适应显示或应用程序表面尺寸。
### 绘制预处理与绘制后处理
**绘制预处理(Pre Draw)**和**绘制后处理(Post Draw)**子事件是**绘制事件**类别的一部分。但是,与其他绘制事件不同,它们直接绘制到屏幕缓冲区,这将是当前可见的所有视图的组合屏幕空间的大小,或者是你当前唯一使用的窗口的大小。 下图说明了这一点:![Object Editor Post Draw](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/2_interface/1_editors/events/images/editor_object_postdraw.png)因此,如果你正在使用绘制**预**或**后**处理事件,则你将绘制到全屏渲染目标,该目标的大小与所有视图所适合的窗口大小相同。 如果你没有活动的视图,则将其设置为窗口本身的大小。
**绘制预处理**子事件在任何其他绘制事件之前触发,在其中你可以设置值,设置绘制属性甚至绘制内容而无需担心 GUI 层的视图或大小(GUI 层的大小可能与屏幕缓冲区相同,但可能不一样,因为你可以在代码中设置 GUI 分辨率)。
值得注意的是,此事件发生在清除屏幕缓冲区之前,这意味着如果你未在房间编辑器中关闭视图清除,则将看到**绘制预处理**事件中绘制的任何内容,然后第一个视图将清除它。如果你希望能够自己查看视图,或者根本没有使用视图,那么你还应该在[房间编辑器](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/2_interface/1_editors/rooms.html)中将背景颜色设置为透明度为 0。
> **注意:**如果你关闭这些选项,你可能会注意到在测试游戏时屏幕上绘制了不需要的假象(例如来自实例的 “踪迹”)。这是因为你直接绘制了绘制缓冲区的前一帧而不清除它。但是你可以使用[draw\_clear\_alpha](https://gamemakerchina.github.io/GMS2_manual_en2ch/source/_build/3_scripting/4_gml_reference/drawing/colour/draw_clear_alpha.html)自己完成此操作。
**绘制后处理**子事件在标准绘制事件之后但在绘制 GUI 事件之前触发。与绘制预处理事件一样,它基于屏幕缓冲区大小的大小,并且放置在绘制 GUI 事件之前,使你能够简单轻松地在全屏的基础上执行后处理效果和其他事物,而不会干扰任何事件。你可能在游戏中拥有的 HUD / GUI 元素。
### 窗口大小调整
此事件类型属于**绘制事件**类别,虽然它实际上并未绘制任何内容,但它确实对绘制画布中的更改做出了反应 - 具体来说,它是为在游戏窗口 “snapped(突然变化)” 时响应 UWP 画布大小的变化而设计的。
在 UWP 目标平台上,重要的是从游戏窗口的 “snapping” 中捕获游戏画布的大小(例如,当用户将窗口拖动到显示器的侧面时)。 此事件将执行此操作并在每次更改画布时触发,允许你在此处添加自定义代码,以调整视图大小或根据需要重新定位 HUD 元素。提供此函数是一种方便的方法,可以避免使用步事件代码来检查这些事情。
> **注意**: 你无法在这个事件中绘制!它是通过调整画布大小来触发的,仅用于捕捉这个变化......任何应该完成的绘图仍然必须在其他一个绘制事件中。
- 介绍
- 新手须知
- 版本授权
- 安装
- 更新
- 发布日志
- 所需SDK
- 账号
- 首选项设置
- 拖拽编程
- 扩展编辑器设置
- 基本项设置
- 图片编辑器设置
- 语言设置
- 市场设置
- 对象编辑器设置
- 插件设置
- 资源树设置
- 场景编辑器设置
- 运行库设置
- 样条编辑器设置
- 精灵编辑器设置
- 文本编辑器设置
- 瓷片编辑器设置
- 时间轴设置
- 输入
- 快速上手
- 概览
- 启动页
- 工作区
- 资源树
- 工作流
- 创建精灵
- 创建瓷片集
- 创建音频
- 创建对象
- 创建场景
- 编译
- 调试
- 快捷键
- 菜单
- 文件菜单
- 编辑菜单
- 构建菜单
- 窗口菜单
- 工具菜单
- 市场菜单
- 帮助菜单
- 布局菜单
- 附加信息
- 位运算符和二进制
- 命令行
- 出错信息
- 文件系统
- 导入非位图精灵
- JSDoc使用
- 微型WEB服务端
- 过时函数
- 纹理页
- 使用缓冲区
- 编辑器
- 扩展编辑器
- 字体编辑器
- 图像编辑器
- 内含文件编辑器
- 备注编辑器
- 对象编辑器
- 路径编辑器
- 场景编辑器
- 脚本编辑器
- 着色器编辑器
- 音频编辑器
- 精灵编辑器
- 瓷片集编辑器
- 时间轴编辑器
- 对象可用事件
- 异步事件
- 绘制事件
- 手势事件
- 其它
- 调试管理器
- 设备管理器
- YoYo资源市场
- 输出停靠栏
- 项目图生成器
- 最近使用窗口
- 远程工作
- 混音器
- 版本控制
- 设置项
- 音频组
- 配置项
- 跨平台配置
- 纹理组
- 游戏配置选项
- AmazonFire 配置
- Android配置
- HTML5配置
- iOS配置
- Linux配置
- Mac配置
- Windows配置
- WindowsUWP配置
- 脚本编程
- 拖放编程概览
- 拖放编程功能索引
- GML概览
- 代码
- 数组
- array_create
- array_copy
- array_equals
- array_length_1d
- array_height_2d
- array_length_2d
- 赋值
- 表达式
- 数据存取
- 功能性语法
- 函数
- 脚本
- 注释
- 关键词
- 变量及作用域
- variable_global_exists
- variable_global_get
- variable_global_set
- variable_instance_exists
- variable_instance_get
- variable_instance_get_names
- variable_instance_set
- 寻址变量
- 评估顺序
- 数据类型
- is_array
- is_bool
- is_int32
- is_int64
- is_matrix
- is_ptr
- is_real
- is_string
- is_undefined
- is_vec3
- is_vec4
- 变元计数
- 指针
- 内置变量属性
- async_load
- health
- lives
- score
- GML函数索引
- asset_get_index
- asset_get_type
- Compatibility_Functions
- Asynchronous Functions
- Audio
- Buffers
- Cameras And Display (摄像机和显示)
- Cameras(摄像机)
- camera_apply
- camera_create
- camera_create_view
- camera_destroy
- camera_get_active
- camera_get_begin_script
- camera_get_default
- camera_get_end_script
- camera_get_proj_mat
- camera_get_update_script
- camera_get_view_angle
- camera_get_view_border_x
- camera_get_view_border_y
- camera_get_view_height
- camera_get_view_mat
- camera_get_view_speed_x
- camera_get_view_speed_y
- camera_get_view_target
- camera_get_view_width
- camera_get_view_x
- camera_get_view_y
- camera_set_begin_script
- camera_set_default
- camera_set_end_script
- camera_set_proj_mat
- camera_set_update_script
- camera_set_view_angle
- camera_set_view_border
- camera_set_view_mat
- camera_set_view_pos
- camera_set_view_size
- camera_set_view_speed
- camera_set_view_target
- view_camera
- view_current
- view_enabled
- view_get_camera
- view_get_hport
- view_get_surface_id
- view_get_visible
- view_get_wport
- view_get_xport
- view_get_yport
- view_hport
- view_set_camera
- view_set_hport
- view_set_surface_id
- view_set_visible
- view_set_wport
- view_set_xport
- view_set_yport
- view_surface_id
- view_visible
- view_wport
- view_xport
- view_yport
- The Screen Display
- Controls
- Data_Structures(数据结构)
- ds_exists
- ds_set_precision
- DS Grids
- DS Lists(列表)
- ds_list_create
- ds_list_destroy
- ds_list_clear
- ds_list_empty
- ds_list_size
- ds_list_add
- ds_list_set
- ds_list_delete
- ds_list_find_index
- ds_list_find_value
- ds_list_insert
- ds_list_replace
- ds_list_shuffle
- ds_list_sort
- ds_list_copy
- ds_list_read
- ds_list_write
- ds_list_mark_as_list
- ds_list_mark_as_map
- DS Maps(映射表)
- ds_map_exists
- ds_map_create
- ds_map_add
- ds_map_clear
- ds_map_copy
- ds_map_replace
- ds_map_delete
- ds_map_empty
- ds_map_size
- ds_map_find_first
- ds_map_find_last
- ds_map_find_next
- ds_map_find_previous
- ds_map_find_value
- ds_map_read
- ds_map_write
- ds_map_destroy
- ds_map_secure_save
- ds_map_secure_save_buffer
- ds_map_secure_load
- ds_map_secure_load_buffer
- ds_map_add_list
- ds_map_add_map
- ds_map_replace_list
- ds_map_replace_map
- DS Priority Queues
- DS Queues
- DS Stacks
- Debugging
- Drawing
- draw_enable_drawevent
- draw_flush
- Colour(颜色)
- colour_get_blue
- colour_get_green
- colour_get_hue
- colour_get_red
- colour_get_saturation
- colour_get_value
- draw_clear
- draw_clear_alpha
- draw_get_alpha
- draw_get_colour
- draw_getpixel
- draw_getpixel_ext
- draw_set_alpha
- draw_set_colour
- make_colour_hsv
- make_colour_rgb
- merge_colour
- Forms
- draw_arrow
- draw_button
- draw_circle
- draw_circle_colour
- draw_ellipse
- draw_ellipse_colour
- draw_healthbar
- draw_line
- draw_line_colour
- draw_line_width
- draw_line_width_colour
- draw_path
- draw_point
- draw_point_colour
- draw_rectangle
- draw_rectangle_colour
- draw_roundrect
- draw_roundrect_colour
- draw_roundrect_colour_ext
- draw_roundrect_ext
- draw_set_circle_precision
- draw_triangle
- draw_triangle_colour
- GPU
- gpu_get_alphatestenable
- gpu_get_alphatestref
- gpu_get_blendenable
- gpu_get_blendmode
- gpu_get_blendmode_dest
- gpu_get_blendmode_destalpha
- gpu_get_blendmode_ext
- gpu_get_blendmode_ext_sepalpha
- gpu_get_blendmode_src
- gpu_get_blendmode_srcalpha
- gpu_get_colorwriteenable
- gpu_get_cullmode
- gpu_get_fog
- gpu_get_state
- gpu_get_texfilter
- gpu_get_texfilter_ext
- gpu_get_texrepeat
- gpu_get_texrepeat_ext
- gpu_get_zfunc
- gpu_get_ztestenable
- gpu_get_zwriteenable
- gpu_pop_state
- gpu_push_state
- gpu_set_alphatestenable
- gpu_set_alphatestref
- gpu_set_blendenable
- gpu_set_blendmode
- gpu_set_blendmode_ext
- gpu_set_blendmode_ext_sepalpha
- gpu_set_colorwriteenable
- gpu_set_cullmode
- gpu_set_fog
- gpu_set_state
- gpu_set_texfilter
- gpu_set_texfilter_ext
- gpu_set_texrepeat
- gpu_set_texrepeat_ext
- gpu_set_zfunc
- gpu_set_ztestenable
- gpu_set_zwriteenable
- Lighting
- draw_get_lighting
- draw_light_define_ambient
- draw_light_define_direction
- draw_light_define_point
- draw_light_enable
- draw_light_get
- draw_light_get_ambient
- draw_set_lighting
- Mipmapping
- gpu_get_tex_max_aniso
- gpu_get_tex_max_aniso_ext
- gpu_get_tex_max_mip
- gpu_get_tex_max_mip_ext
- gpu_get_tex_min_mip
- gpu_get_tex_min_mip_ext
- gpu_get_tex_mip_bias
- gpu_get_tex_mip_bias_ext
- gpu_get_tex_mip_enable
- gpu_get_tex_mip_enable_ext
- gpu_get_tex_mip_filter
- gpu_get_tex_mip_filter_ext
- gpu_set_tex_max_aniso
- gpu_set_tex_max_aniso_ext
- gpu_set_tex_max_mip
- gpu_set_tex_max_mip_ext
- gpu_set_tex_min_mip
- gpu_set_tex_min_mip_ext
- gpu_set_tex_mip_bias
- gpu_set_tex_mip_bias_ext
- gpu_set_tex_mip_enable
- gpu_set_tex_mip_enable_ext
- gpu_set_tex_mip_filter
- gpu_set_tex_mip_filter_ext
- Particles
- Particle Emitters
- part_emitter_burst
- part_emitter_clear
- part_emitter_create
- part_emitter_destroy
- part_emitter_destroy_all
- part_emitter_exists
- part_emitter_region
- part_emitter_stream
- Particle Systems
- part_particles_clear
- part_particles_count
- part_particles_create
- part_particles_create_colour
- part_system_automatic_draw
- part_system_automatic_update
- part_system_clear
- part_system_create
- part_system_create_layer
- part_system_depth
- part_system_destroy
- part_system_draw_order
- part_system_drawit
- part_system_exists
- part_system_get_layer
- part_system_layer
- part_system_position
- part_system_update
- Particle Types
- part_type_alpha1
- part_type_alpha2
- part_type_alpha3
- part_type_blend
- part_type_clear
- part_type_colour_hsv
- part_type_colour_mix
- part_type_colour_rgb
- part_type_colour1
- part_type_colour2
- part_type_colour3
- part_type_create
- part_type_death
- part_type_destroy
- part_type_direction
- part_type_exists
- part_type_gravity
- part_type_life
- part_type_orientation
- part_type_scale
- part_type_shape
- part_type_size
- part_type_speed
- part_type_sprite
- part_type_step
- Simple Effects
- ef_cloud
- ef_ellipse
- ef_explosion
- ef_firework
- ef_flare
- ef_rain
- ef_ring
- ef_smoke
- ef_smokeup
- ef_snow
- ef_spark
- ef_star
- effect_clear
- effect_create_above
- effect_create_below
- Primitives(基本几何体)
- draw_primitve_begin
- draw_primitive_begin_texture
- draw_primitive_end
- draw_vertex
- draw_vertex_colour
- draw_vertex_texture
- draw_vertex_texture_colour
- Primitive Building
- vertex_argb
- vertex_begin
- vertex_colour
- vertex_create_buffer
- vertex_create_buffer_ext
- vertex_create_buffer_from_buffer
- vertex_create_buffer_from_buffer_ext
- vertex_delete_buffer
- vertex_end
- vertex_float1
- vertex_float2
- vertex_float3
- vertex_float4
- vertex_freeze
- vertex_get_buffer_size
- vertex_get_number
- vertex_normal
- vertex_position
- vertex_position_3d
- vertex_submit
- vertex_texcoord
- vertex_ubyte4
- Vertex Formats
- vertex_format_add_colour
- vertex_format_add_custom
- vertex_format_add_normal
- vertex_format_add_position
- vertex_format_add_position_3d
- vertex_format_add_textcoord
- vertex_format_begin
- vertex_format_delete
- vertex_format_end
- Sprites_and_Tiles
- draw_enable_swf_aa
- draw_get_swf_aa_level
- draw_self
- draw_set_swf_aa_level
- draw_skeleton
- draw_skeleton_collision
- draw_skeleton_instance
- draw_skeleton_time
- draw_sprite
- draw_sprite_ext
- draw_sprite_general
- draw_sprite_part
- draw_sprite_part_ext
- draw_sprite_pos
- draw_sprite_stretched
- draw_sprite_stretched_ext
- draw_sprite_tiled
- draw_sprite_tiled_ext
- draw_tile
- draw_tilemap
- Surfaces
- application_get_position
- application_surface
- application_surface_draw_enable
- application_surface_enable
- application_surface_is_enabled
- draw_surface
- draw_surface_ext
- draw_surface_general
- draw_surface_part
- draw_surface_part_ext
- draw_surface_stretched
- draw_surface_stretched_ext
- draw_surface_tiled
- draw_surface_tiled_ext
- surface_copy
- surface_copy_part
- surface_create
- surface_create_ext
- surface_exists
- surface_free
- surface_get_height
- surface_get_texture
- surface_get_width
- surface_getpixel
- surface_getpixel_ext
- surface_reset_target
- surface_resize
- surface_save
- surface_save_part
- surface_set_target
- surface_set_target_ext
- The Application Surface
- Text
- draw_highscore
- draw_set_font
- draw_set_halign
- draw_set_valign
- draw_text
- draw_text_colour
- draw_text_ext
- draw_text_ext_colour
- draw_text_ext_transformed
- draw_text_ext_transformed_colour
- draw_text_transformed
- draw_text_transformed_colour
- Textures
- draw_texture_flush
- texture_get_height
- texture_get_texel_height
- texture_get_texel_width
- texture_get_uvs
- texture_get_width
- texture_global_scale
- texture_set_stage
- File Handing
- Fonts
- Game
- In App Purchases
- Instances
- 数学运算(Maths)
- Date and Time
- 数字方法(Number Functions)
- Vector Functions
- Matrices
- Miscellaneous
- Movement and Collisions
- Networking
- Objects
- Paths
- Physics
- 场景(Rooms)
- 常规的场景函数及变量(General Room Functions And Varibales)
- 常规图层函数(General Layer Functions)
- 瓷片函数(TIlemap Tile Functions)
- 背景图层(Backgrounds)
- 精灵图层(Sprites)
- Scirpts
- Shaders
- Sprites
- Steam API
- Strings
- Timelines
- Web
- XBox_Live
- 翻译名词对照表